javascript - Angular 2. 错误 : Loading chunk failed

Question

使用带有延迟加载模块的 angular 2，我可以从服务器接收(例如)401 HTTP 代码

bootstrap 0b40fee…:101 GET http://localhost:8082/2.chunk.js

Error: Loading chunk 2 failed.
at HTMLScriptElement.onScriptComplete (bootstrap 0b40fee…:91)
at HTMLScriptElement.wrapFn (zone.js:1032)
at ZoneDelegate.invokeTask (zone.js:414)
at Object.onInvokeTask (core.es5.js:4119)
at ZoneDelegate.invokeTask (zone.js:413)
at Zone.runTask (zone.js:181)
at HTMLScriptElement.ZoneTask.invoke (zone.js:476)

如何处理这个错误？

Answer 1

检查 my answer详情

• 绕过此 block 失败错误的解决方法 => 如果使用 global error handler 发生 block 失败错误，则以编程方式强制应用重新加载。

---

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

@Injectable()
export class GlobalErrorHandler implements ErrorHandler {

  handleError(error: any): void {
   const chunkFailedMessage = /Loading chunk [\d]+ failed/;

    if (chunkFailedMessage.test(err.message)) {
      window.location.reload();
    }
  }
}

• 在我们的根模块中提供它以更改我们应用程序中的默认行为，因此我们使用自定义的 GlobalErrorHandler 类而不是使用默认的 ErrorHandler 类。

---

@NgModule({   
  providers: [{provide: ErrorHandler, useClass: GlobalErrorHandler}]
})