运行 ng serve 时 JSON 字符无效答案

【问题标题】：Invalid JSON character when running ng serve运行 ng serve 时 JSON 字符无效
【发布时间】：2019-01-02 03:55:42
【问题描述】：

运行 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)

我正在使用 Angular 版本 6

【问题讨论】：

你有完整的堆栈跟踪吗？
删除 node_module 文件夹，再次运行 npm install。
请将您的错误发布为文本，而不是图像。
我遇到了同样的问题。它发生在 git merge 导致冲突之后。只需检查您的 angular.json 文件。

标签： angular angular-cli-v6

【解决方案1】：

检查你的 Angular.json。

这个配置文件好像不正确。

更新说明：
angular.json 中放错位置的“/”会产生这种错误。

【讨论】：

你的答案可能是评论。
在这种情况下，这就是答案，因为如果您在 Angular.json 中的错误位置放置“/”，您将得到完全描述的错误。但是，是的，你是对的，这也可以是澄清错误描述的注释。
我的 angular.json 中有语法错误。我在“样式”部分添加了一行，但忘记在上一行的末尾添加“，”。
在我的例子中，在 angular.json 的行尾缺少一个逗号。

【解决方案2】：

在我的情况下，问题是 Visual Studio 2017 在我编辑文件后将 UTF-8 BOM characters 添加到 angular.json。

Visual Studio 和 Angular CLI 的永久解决方案是打开文件一次并保存为 UTF-8 without signature

转到File -> Save As。

然后在保存按钮上单击三角形并单击Save with Encoding...。

从编码下拉列表中选择UTF-8 Without signature -> 点击OK。

【讨论】：

谢谢。这对我有用，因为我使用的是 Visual Studio 2017

【解决方案3】：

我在使用“ng g c”命令时遇到了与描述相同的问题。问题是我在向 angular.json 文件添加第二个样式表时忘记了逗号 (,)。

希望这对某人有所帮助，弗拉德

【讨论】：

【解决方案4】：

这主要是由于 angular.json 文件中的语法错误。确保在上一行的每一端都有一个逗号 (,)。并检查路径中的斜杠（ / 和 \ ）。使用“/”而不是“\”。

【讨论】：

【解决方案5】：

看起来您在 angular.json 文件中添加了一个路径，使用“\”而不是“/”。

【讨论】：

【解决方案6】：

确保 angular.json 编码为 UTF-8 而不是 UTF-8-BOM。

【讨论】：

【解决方案7】：

在 Notepad++ 中打开文件并将编码更改为 UTF-8 然后保存它肯定会起作用:)

【讨论】：

这主要是由于 angular.json 文件中的语法错误。确保在上一行的每一端都有一个逗号 (,)。并检查路径中的斜杠（ / 和 \ ）。使用“/”而不是“\”。