在打字稿2.9.2和Angular 6应用中无法导入json文件

Question

我正在运行Angular 6应用，其打字稿版本为：client_project

我跟随this answer以Typescript 2.9。*导入json文件，但无法正常工作。

这是我的"typescript": "~2.9.2"文件：

tsconfig.json

然后导入我的{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "module": "es2015", "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true, "resolveJsonModule": true, "target": "es5", "typeRoots": [ "node_modules/@types" ], "lib": [ "es2017", "dom" ] } } 文件：

app.component.ts

但是我得到了错误：

import * as config from '../../config.json';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit, OnDestroy {

Answer 1

我使用"allowSyntheticDefaultImports": true和import version from './package.json'来完成这项工作。 根据文档，合成导入允许从模块进行默认导入，而没有默认导出。这不影响代码发出，仅影响类型检查。使用此功能，我不再遇到您提到的错误。