角2 - 未捕获的（以诺）：错误：错误XHR（404未找到）

我的英语很差，我道歉这个:)角2 - 未捕获的（以诺）：错误：错误XHR（404未找到）

我有角2个问题我想创建一个登录表单但是在调用Web服务并获得响应之后，我在下面出现了这个错误。

要阻止和授权用户在我的应用程序我基于auth-guard.service.ts的角度教程。

此错误出现在我的路由上的canLoad操作之后。

我使用角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)

如果您有任何解决方案:)

来源

2016-11-09 Eltron

你已经创建home.module.ts你有导入该模块在app.module文件？ –

我的家庭模块是： '从'@ angular/core'导入{NgModule}; 从'@ angular/platform-browser'导入{BrowserModule}; 从'@ angular/forms'导入{FormsModule}; 从'./home-routing.module'导入{HomeRoutingModule}; 从'./home.component'导入{HomeComponent}; @NgModule（{ 进口： BrowserModule， HomeRoutingModule ]，声明： HomeComponent ] }）出口类HomeModule {}' – Eltron

和我app.module： '进口{} HomeModule从'./home/home。模块'; @NgModule（{ 进口： BrowserModule， AppRoutingModule， AuthRoutingModule， HomeModule ]，声明： AppComponent， AuthComponent ]，自举：[AppComponent] }）出口类的AppModule { }' – Eltron

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

在的WebPack的上下文中使用路由器loadChidren：

--->你必须在你的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

而且，不能导入子模块中父模块;）

来源

2016-11-09 21:09:42 Eltron

角2 - 未捕获的（以诺）：错误：错误XHR（404未找到）

回答

相关问题