如何通过动态导入进行延迟加载-angular 8

Question

我尝试使用新语法进行延迟加载：

{
    path: 'mf',
    loadChildren: () => import('src/app/mf/mf.module').then(m => m.MFModule),
    canActivate: [Guard],
    data: { app: App.mf },
},

但是我得到了错误：

ERROR in ./src/app/starter.module.ts 27:28
Module parse failed: Unexpected token (27:28)
You may need an appropriate loader to handle this file type.
|     {
|         path: 'mf',
>         loadChildren: () => import('src/app/mf/mf.module').then(m => m.MFModule),
|         canActivate: [Guard],
|         data: { app: App.mf },

Answer 1

您是否更改了tsconfig.json中的“模块”字段？

"module": "esnext"

此外，我建议您处理自己的部门。有些人在软件包版本方面遇到困难。

rm -rf node_modules
rm -f package-lock.json
npm install