Question

Uncaught (in promise): Error: Loading chunk app-pages-pages-module failed.
(missing: http://localhost:4200/app-pages-pages-module.js)
onScriptComplete@http://localhost:4200/runtime.js:134:29
wrapFn@http://localhost:4200/polyfills.js:9296:39
./node_modules/zone.js/dist/zone.js/</ZoneDelegate.prototype.invokeTask@http://localhost:4200/polyfills.js:8387:31
onInvokeTask@http://localhost:4200/vendor.js:79507:33
./node_modules/zone.js/dist/zone.js/</ZoneDelegate.prototype.invokeTask@http://localhost:4200/polyfills.js:8386:60
./node_modules/zone.js/dist/zone.js/</Zone.prototype.runTask@http://localhost:4200/polyfills.js:8159:47
./node_modules/zone.js/dist/zone.js/</ZoneTask.invokeTask@http://localhost:4200/polyfills.js:8462:34
invokeTask@http://localhost:4200/polyfills.js:9708:14
globalZoneAwareCallback@http://localhost:4200/polyfills.js:9734:27

我在Firefox中运行Angular 7应用程序时遇到了以上错误，否则，如果我在Chrome / IE或任何其他浏览器中运行，则一切正常，没有任何问题。

我尝试使用添加全局错误处理程序以测试这是否是错误

import { ErrorHandler, Injectable } from '@angular/core';

@Injectable()
export class GlobalErrorHandler implements ErrorHandler {
    handleError(error: any): void {
        const chunkFailedMessage = /Loading chunk .* failed/;

        if (chunkFailedMessage.test(error.message)) {
            console.log(error.message);
        }
    }
}

最初，我尝试重新加载而不是在控制台上记录错误，但是firefox始终无限地重新加载网站。

我有什么需要考虑的事情吗？还是您希望我在此处附加其他代码来解决此问题？

提前感谢您的帮助！

编辑：我正在使用延迟加载模块。如果是罪魁祸首，请参考以下代码。

const routes: Routes = [
    {
        path: 'pages',
        loadChildren: 'app/pages/pages.module#PagesModule',
    }
    .
    .
    .
}

我正在使用Angular 7

启用路由器跟踪后，我发现以下错误消息：

NavigationError(id: 2, url: '/pages/dashboard', error: Error: Loading chunk pages-pages-module failed.
(missing: http://localhost:4200/pages-pages-module.js))

Answer 1

如果您使用的是Angular 9，则应按照upgrade guide和deprecated api docs的要求升级为使用yarn start语法。

我不希望这能解决问题，但这是一个很好的起点。

如果您是

未捕获（承诺）：错误：加载块app-pages-pages-module失败

1 个答案: