angular - JSON 中位置 437 的意外标记 }

Question

我正在使用 Angular 5.0.0。我想连接 angular-bootstrap-md。但是当您启动应用程序 ng s 时会发生错误。

error TS5014: Failed to parse file 'C:/Users/Admin/Desktop/angular/tsconfig.json': Unexpected token } in JSON at position 437.

Error: error TS5014: Failed to parse file 'C:/Users/Admin/Desktop/angular/tsconfig.json': Unexpected token } in JSON at position 437. at AngularCompilerPlugin._setupOptions (C:\Users\Admin\Desktop\angular\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:90:19) at new AngularCompilerPlugin (C:\Users\Admin\Desktop\angular\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:43:14) at _createAotPlugin (C:\Users\Admin\Desktop\angular\node_modules\@angular\cli\models\webpack-configs\typescript.js:77:16) at Object.getNonAotConfig (C:\Users\Admin\Desktop\angular\node_modules\@angular\cli\models\webpack-configs\typescript.js:100:19) at NgCliWebpackConfig.buildConfig (C:\Users\Admin\Desktop\angular\node_modules\@angular\cli\models\webpack-config.js:37:37) at Class.run (C:\Users\Admin\Desktop\angular\node_modules\@angular\cli\tasks\serve.js:71:98) at check_port_1.checkPort.then.port (C:\Users\Admin\Desktop\angular\node_modules\@angular\cli\commands\serve.js:123:26) at process._tickCallback (internal/process/next_tick.js:68:7)

第一个括号以红色突出我不明白为什么似乎所有括号都关闭了

tsconfig.json:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  },
  "include": ["node_modules/angular-bootstrap-md/**/*.ts", "src/**/*.ts"],
}

Answer 1

只需删除末尾的错误逗号即可获得有效的 JSON 文件:

{
    "compileOnSave": false,
    "compilerOptions": {
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es5",
        "typeRoots": [
            "node_modules/@types"
        ],
        "lib": [
            "es2017",
            "dom"
        ]
    },
    "include": ["node_modules/angular-bootstrap-md/**/*.ts", "src/**/*.ts"]
}

如有疑问，您可以使用各种工具之一检查有效性，例如JSONLint .