Typescript 中的语法错误：意外的标记“/”在 JSON 中的 x 位置（带注释的 JSON）

Question

最近，我考虑在 JSON 文件中使用注释，并在 VSCode 中发现了带有注释的 JSON。

我将 JSON 文件切换为带注释的 JSON。这并没有造成任何麻烦。

但是，当我编译时，它显示错误：

node:internal/modules/cjs/loader:1170
    throw err;
    ^

SyntaxError: C:\...\data\materialData.json: Unexpected token / in JSON at position 7
    at parse (<anonymous>)
    at Object.Module._extensions..json (node:internal/modules/cjs/loader:1167:22)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:94:18)
    at Object.<anonymous> (C:\Users\Jack\Documents\Jacks_Workshop\Coding\DiscordBot_v4\jsons.js:17:43)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)

这是我的 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "downlevelIteration": true,
    "strict": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "resolveJsonModule": true
  }
}

Answer 1

VSCode 实际上并没有编译您的代码。它假设您正在预编译或预解析 json。

您的 Node 版本正在编译您的程序，并且 Node 不支持开箱即用的 JSON 注释。您将需要一个外部库：

https://www.npmjs.com/package/jsonminify

在项目根目录中，在命令行上运行以下命令：

npm install jsonminify

然后在 .js 文件中需要该库，并将任何 JSON.parse(myJSONString) 语句替换为JSON.parse(jsonminify(myJSONString))

jsonminify README.md 中的示例：

var jsonminify = require("jsonminify");

jsonminify('{"key":"value"/** comment **/}')
>> '{"key":"value"}'

JSON.minify('{"key":"value"/** comment **/}')
>> '{"key":"value"}'