JSON 中位置 437 处出现意外标记 }

Question

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

错误 TS5014：无法解析文件 'C:/Users/Admin/Desktop/angular/tsconfig.json'：JSON 中位置 437 处的意外标记 }。

错误：错误 TS5014：无法解析文件 'C:/Users/Admin/Desktop/angular/tsconfig.json'：JSON 中位置 437 处的意外标记 }。在 AngularCompilerPlugin._setupOptions (C:\Users\Admin\Desktop\angular \node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:90:19) 在新的 AngularCompilerPlugin (C:\Users\Admin\Desktop\angular\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:43:14)在 _createAotPlugin (C:\Users\Admin\Desktop\Angular\node_modules\@Angular\cli\models\webpack-configs\typescript.js:77:16) 在 Object.getNonAotConfig (C:\Users\Admin\Desktop\Angular) \node_modules\@angular\cli\models\webpack-configs\typescript.js:100:19) 在 NgCliWebpackConfig.buildConfig (C:\Users\Admin\Desktop\angular\node_modules\@angular\cli\models\webpack-config .js:37:37) 在 Class.run (C:\Users\Admin\Desktop\Angular\node_modules\@Angular\cli\tasks\serve.js:71:98) 在 check_port_1.checkPort.then.port (C :\Users\Admin\Desktop\Angular\node_modules\@Angular\cli\commands\serve.js:123:26) 在 process._tickCallback (内部/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。

Answer 2

{
	"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"]
}