升级到 Angular 8 后延迟加载中的路由错误答案

【问题标题】：Routing error in lazy loading after upgrading to Angular 8升级到 Angular 8 后延迟加载中的路由错误
【发布时间】：2019-05-30 06:07:58
【问题描述】：

我已经升级到 Angular 8 并找到了延迟加载模块路由。虽然升级 CLI 本身根据新语法更改了我所有的延迟加载路由。

./src/app/app.routing.ts 31:36 中的错误模块解析失败：意外令牌 (31:36) 您可能需要适当的加载程序来处理此文件类型。 |标题：“ABC” | },

            loadChildren: () => import('./modules/abc/abc.module').then(m => m.AbcModule)

| }, | {

children: [ {path: '', pathMatch: 'full', component: InfoComponent, canActivate: [AuthGuard], }, { path: 'abc', loadChildren: () => import('abc/abc.module').then((m) => m.AbcModule), }]

【问题讨论】：

标签： javascript angularjs routing lazy-loading angular8

【解决方案1】：

您可以尝试删除package-lock.json 并再次运行npm install。如果这不起作用，您可以尝试运行yarn。这将修复来自 webpack 的 acorn 包。您也可以通过使用 npm 更新到 acorn@6.1.1 来手动尝试。

https://github.com/angular/angular-cli/issues/14566

【讨论】：

【解决方案2】：

将 acorn 节点模块安装到现有项目。

npm install acorn@6.1.0--save

然后尝试下面的说明，这可能会解决问题。

rm -rf 节点模块
rm -f package-lock.json
npm 安装

【讨论】：