用于读取本地 .json 文件的 Angular 5 服务错误：未知编译器选项"resolveJsonModule"和"esModuleInterop"

Question

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

"resolveJsonModule"：true，"esModuleInterop"：true，

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'
--------------------------------------------------------------------------------````

Answer 1

Typescript 在 2.9 版中添加了resolveJsonModule，但您使用的是 Typescript 2.5.3(官方文档(。

打字稿在 2.7 版(官方文档(中添加esModuleInterop。

由于Typescript 2.9是从Angular 7中使用的，我不知道你是否可以更新Typescript。

也许尝试另一种方式，就像这个答案一样。