17

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

4
  • Do you have a full stack trace?
    – maio290
    Commented Jul 25, 2018 at 10:50
  • Remove node_module folder , run npm install again.
    – Arash
    Commented Jul 25, 2018 at 10:52
  • 1
    please post your error as text, not as an image.
    – user4676340
    Commented Jul 25, 2018 at 10:57
  • I experienced the same problem. It happened after git merge which makes conflict. Just check your angular.json file. Commented Sep 10, 2018 at 15:32

8 Answers 8

41

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.

4
  • 2
    You'r Answer could be comment.
    – Arash
    Commented Jul 25, 2018 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
    Commented Jul 25, 2018 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. Commented Oct 26, 2018 at 14:18
  • In my case, a comma was missing from the end of a line in angular.json.
    – zeeawan
    Commented Mar 21, 2021 at 6:14
9

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

  1. Go to File -> Save As.

FileSaveAs

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

SaveAsPopUp

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

AdvancedSaveOptions

1
  • 1
    Thanks. This worked for me since am using Visual Studio 2017
    – Keppy
    Commented Jul 19, 2020 at 11:03
2

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

1
  • 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 "\". Commented Feb 26, 2019 at 4:45
0

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

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 "\".

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

0

This is due to the missing comma(,) end of the line at 76 raw in the angular.jason file. just put the comma "your_jason_code", and go to the next line.

sample:

"styles": [
              "./node_modules/bootstrap/dist/css/bootstrap.css", 
              "src/styles.css"
            ],

if you miss the comma end of the line, you will get that error.

-2

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.