Angular 7 JSON.stringify "symbol JSON cannot be resolved"

Question

First things first, this is my first time using Angular 7; I started making an application using Angular 7 with a c# back end and have need for serializing an object in my component/service before sending it to my controller/service.

Something like:

export class jsonTest  {
    json: string;
    obj: myType = {} as myType;

    this.obj.someProperty = 1234;
    this.obj.anotherProperty = 'test';

    someMethod() {
        this.json = //convert obj to json
        anotherMethod(this.json);
    }
}

In my search to figure out how to accomplish this, I've come across two popular suggestions, one being JSON.stringify() and another being toJson().

However, JSON.stringify() throws a compile error that symbol JSON cannot be resolved, probably it is located in an inaccessible module.

Trying toJson(), it isn't recognized as a hook of any sort.

Is there some import that I'm missing? Looking through angular documentation doesn't shed any light on my issue.

At this point, I'm considering just serializing the JSON manually, but I'd really like to avoid doing that if I can. Any suggestions?

what is the output when you open browser debug window and type in `JSON.stringify` in the console? — ABOS, Dec 13 '18 at 14:56
@bambam, I am as a matter of fact. I know resharper has been known to throw a fit with some code usage. Let me try and disable resharper and get back to you with what happens. — expenguin, Dec 13 '18 at 15:00
https://stackoverflow.com/questions/34592390/visual-studio-2015-enterprise-with-resharper-10-ultimate-cannot-be-properly-r — baao, Dec 13 '18 at 15:01
@ABOS from browser: "{"someProperty":"asdf","anotherProperty":"asdf"}" — expenguin, Dec 13 '18 at 15:03
@bambam Resharper was the culprit! Thanks much for your help! If you want to provide an answer I'll mark it as accepted. — expenguin, Dec 13 '18 at 15:06
@ABOS bambam was able to provide me with the much needed insight I was missing! Thank you for your help! — expenguin, Dec 13 '18 at 15:06
I just found it because of the other answer. You can just close your question as a duplicate of it, then others will get redirected too. — baao, Dec 13 '18 at 15:09

score -1 · Answer 1 · answered Dec 13 '18 at 15:06

-1

You have some errors in your typescript. Try doing this instead.

export class JsonTest implements OnInit {
json: string;
obj: MyType = new MyType();

ngOnInit(): void {
    this.obj.someProperty = 1234;
    this.obj.anotherProperty = 'test';
}
someMethod() {
    this.json = JSON.stringify(this.obj);
    anotherMethod(this.json);
}}

answered Dec 13 '18 at 15:06

Paul Hebert

296
3
8

The issue was actually Resharper throwing errors in VS2016. That was just some psudo code anyway for examples purpose :) Thanks anyways! – expenguin Dec 13 '18 at 15:07

Angular 7 JSON.stringify "symbol JSON cannot be resolved"

1 Answers1