Angular 5 服务读取本地 .json 文件错误：未知编译器选项“resolveJsonModule”和“esModuleInterop”答案

【问题标题】：Angular 5 Service to read local .json file Error: Unknown compiler option 'resolveJsonModule' & 'esModuleInterop'Angular 5 服务读取本地 .json 文件错误：未知编译器选项“resolveJsonModule”和“esModuleInterop”
【发布时间】：2019-11-24 21:09:36
【问题描述】：

我需要在 Angular 中导入本地 json 文件，但找不到 json 扩展名，我已经在 tsconfig.json 中将 JsonModule 和 'esModuleInterop' 解析为 true，得到了未知的编译器选项。

“resolveJsonModule”：真， “esModuleInterop”：是的，

Node: 10.16.0
OS: win32 x64
Angular: 5.2.11
@angular/cdk: 5.2.5
@angular/cli: 1.7.4
@angular/material: 5.2.5
@angular/tsc-wrapped: 0.4.2
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0 

-------------------------------------------------------------------------------
tsconfig.json
-------------------------------------------------------------------------------
{
  "compileOnSave": false,
  "include": [
    "./src"
  ],
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./Scripts/Angular/out-tsc",
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es6",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ],
  }
}

Error: 
-------------------------------------------------------------------------------
tsconfig.json(9,5): error TS5023: Unknown compiler option 'resolveJsonModule'.
tsconfig.json(10,5): error TS5023: Unknown compiler option 'esModuleInterop'
--------------------------------------------------------------------------------````

【问题讨论】：

将 resolveJsonModule 设置为 true 后。你重启了 VS 代码和 localhost 了吗？
是的，我查过了。
我猜你需要更新打字稿

标签： angular

【解决方案1】：

Typescript 在 2.9 版中添加 resolveJsonModule，但您使用的是 typescript 2.5.3 (official doc)。

Typescript 在 2.7 版中添加 esModuleInterop (official doc)。

由于Typescript 2.9是从Angular 7开始使用的，不知道能不能更新Typescript。

也许可以尝试另一种方式，例如 this answer。

【讨论】：