Question

将我的应用程序更新为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

首先尝试也重新启动您的角度cli服务器

如果不是这种情况，请将其添加到您的tsconfig.app.json中

"module": "esnext"

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

2 个答案: