Question

我的英语很差，我为此道歉：）

我有角度2的问题。我会创建一个登录表单，但在调用Web服务并获得响应后，我在下面遇到此错误。

对于我的应用中的被屏蔽和授权用户，我基于角色教程的auth-guard.service.ts。

此错误发生在路由上的canLoad操作之后。

我使用angular 2最新版本，我的项目基于webpack。

我的错误：

core.umd.js?e2a5:3004 EXCEPTION: Uncaught (in promise): Error: XHR error (404 Not Found) loading http://localhost:9090/app/home/home.module
    Error loading http://localhost:9090/app/home/home.module
Error: XHR error (404 Not Found) loading http://localhost:9090/app/home/home.module
    at o (https://code.angularjs.org/tools/system.js:4:12694)
    at XMLHttpRequest.I.s.onreadystatechange (https://code.angularjs.org/tools/system.js:4:13219)
    at XMLHttpRequest.wrapFn [as _onreadystatechange] (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:698:29)
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:265:35)
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:9090/vendor.js:100:2), <anonymous>:6197:41)
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:264:40)
    at Zone.runTask (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:154:47)
    at XMLHttpRequest.ZoneTask.invoke (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:335:33)

如果您有任何解决方案：）

Answer 1

我已经解决了我的问题...

在Webpack的上下文中使用Router loadChidren：

---＆GT;您必须在webpack配置中实现'angular2-router-loader'，如下所示：

loaders: [
      {
        test: /\.ts$/,
        loaders: ['awesome-typescript-loader', 'angular2-template-loader','angular2-router-loader']
      },
...
],

并且，要使用此路由器加载程序，您必须安装它：

npm install angular2-router-loader -- save-dev

我在这个网站上看到了解决方案：

https://medium.com/@daviddentoom/angular-2-lazy-loading-with-webpack-d25fe71c29c1#.p5wy52jv1

并且，不得在父模块中导入子模块;）

Angular 2 - Uncaught（承诺）：错误：XHR错误（未找到404）

1 个答案: