Invalid JSON character when running ng serve

Question

I am getting following error when running ng serve...

PS F:\Projects\RecipeApp> ng serve
Invalid JSON character: "\"" at 76:13.
Error: Invalid JSON character: "\"" at 76:13.
    at _token (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:63:19)
    at _readArray (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:316:9)
    at _readValue (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:561:22)
    at _readProperty (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:398:19)
    at _readObject (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:431:30)
    at _readValue (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:564:22)
    at _readProperty (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:398:19)
    at _readObject (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:431:30)
    at _readValue (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:564:22)
    at _readProperty (F:\Projects\RecipeApp\node_modules\@angular-devkit\core\src\json\parser.js:398:19)

I am using angular version 6

I experienced the same problem. It happened after git merge which makes conflict. Just check your angular.json file. — Ahmad Sharif, Sep 10 '18 at 15:32

JanRecker · Accepted Answer · 2020-11-20T12:31:42.097

37

Check your Angular.json.

It seems that this config file is not correct.

Update for clarification:
A misplaced "/" in the angular.json will create exactly that kind of error.

edited Nov 20 '20 at 12:31

answered Jul 25 '18 at 10:51

JanRecker

1,521
8
15

2

You'r Answer could be comment. – Arash Jul 25 '18 at 10:53
1

In this case it´s the answer, because you will get exactly the described error, if you put a "/" at the wrong place in your Angular.json. But, yes, you are right, this could also be a comment to clarify the error description. – JanRecker Jul 25 '18 at 11:04
3

There was syntax error in my angular.json. I'd added a line to the 'styles' section, but forgot to add a "," on the end of the previous line. – Andrew Fielden Oct 26 '18 at 14:18
In my case, a comma was missing from the end of a line in angular.json. – zeeawan Mar 21 '21 at 06:14

Daniel Manta · Answer 2 · 2020-03-14T13:19:41.100

7

In my case the problem was Visual Studio 2017 adding UTF-8 BOM characters to angular.json after I edited the file.

Permanent solution for Visual Studio and Angular CLI was to open the file once and save as UTF-8 without signature

Go to File -> Save As.

Then on Save button click on triangle and click Save with Encoding....

From Encodings dropdown select UTF-8 Without signature -> Click OK.

edited Mar 14 '20 at 13:19

answered Nov 14 '18 at 17:41

Daniel Manta

5,682
13
35
38

1

Thanks. This worked for me since am using Visual Studio 2017 – Keppy Jul 19 '20 at 11:03

score 2 · Answer 3 · answered Sep 18 '18 at 15:17

2

Open the file in Notepad++ and change the encoding to UTF-8 then save it will work for sure :)

answered Sep 18 '18 at 15:17

Musa Sheikh

39
2

Its mainly due to the syntax error in angular.json file. make sure there is a comma (,) in every end of the previous line. and also check the slash ( / and \ ) in path. use "/" instead of "\". – Sinju Angajan Feb 26 '19 at 04:45

score 0 · Answer 4 · answered Feb 03 '19 at 14:25

0

Looks like you've added a path in the angular.json file with "\" instead of "/".

answered Feb 03 '19 at 14:25

rma310

1
1

score 0 · Answer 5 · answered Feb 26 '19 at 04:46

0

Its mainly due to the syntax error in angular.json file. make sure there is a comma (,) in every end of the previous line. and also check the slash ( / and \ ) in path. use "/" instead of "\".

answered Feb 26 '19 at 04:46

Sinju Angajan

775
2
9
19

score 0 · Answer 6 · answered Jul 20 '19 at 02:25

0

I just had the same issue as described while using the "ng g c" command. The issue was that I forgot a comma (,) while adding a second style-sheet to the angular.json file.

Hope this helps someone, Vlad

answered Jul 20 '19 at 02:25

Vladimir Romanov

610
5
8

score -1 · Answer 7 · edited Jan 16 '19 at 11:58

-1

Make sure angular.json encoding in UTF-8 not UTF-8-BOM.

edited Jan 16 '19 at 11:58

Prakash Pazhanisamy

967
1
13
25

answered Jan 16 '19 at 09:02

user3016389

1

Invalid JSON character when running ng serve

7 Answers7

Linked