"module"：tsconfig.json 中的"esnext"未删除动态延迟加载模块错误

Question

将我的应用程序更新到 angular 8 后，我的路由没有更改为新的语法loadChildren: () => import('./listing/listing.module').then(m => m.ListingModule)所以我手动执行此操作Dynamic import is only supported when '--module' flag is 'commonjs' or 'esNext'.但我收到错误。

阅读了一些答案后，我发现更改了tsconfig.json文件中的"module": "esnext"。但即使在此更改之后，我的错误仍然存在。

下面是我的代码：

tsconfig.json

{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"module": "esnext",
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"importHelpers": true,
"target": "es2015",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2018",
"dom"
]
}
}

tsconfig.app.json

{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"types": []
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}

任何人都可以告诉代码中有什么问题吗？

Answer 1

这可能会有所帮助，我的tsconfig.app.json看起来像这样：

{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"baseUrl": "./",
"types": []
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}

Answer 2

首先尝试重新启动您的 angular cli 服务器

如果不是这种情况，请在您的 tsconfig.app.json 中添加此内容

"module": "esnext"