Question

我正在将angular2与Webpack版本一起使用：3.11.0。角cli：2.3.1

我照常使用 ng build 命令创建了一个版本。但是在将其部署到服务器中后，路由到某些菜单项时，会发生以下错误：

vendor.6e96d626475ec727c65d.bundle.js:1235 EXCEPTION: Uncaught (in promise): Error: Loading chunk 1 failed.
Error: Loading chunk 1 failed.

谁能说出问题所在？

Answer 1

该错误是由于路由器模块引发异常所致。作为解决方案，我们可以捕获如下异常：

import {Router, NavigationEnd} from '@angular/router';

constructor(private router: Router) {}

clickMenu(state, child = '') {
    this.router.navigate([state + '/' + child]).then(()=>{
        this.displayLoader--;
    }).catch(err => {
        console.log("Router navigate err");
        console.log(err);
        location.reload();
    });
}

问题取决于服务器。也就是说，相同的版本会在测试服务器中引发错误，但不会在本地服务器和生产服务器中引发错误。

Angular2-区块失败错误

1 个答案: