2017-05-07 31 views
1

我已经在Visual Studio中创建了一个空的Angular项目作为Web项目。然后我试着按照指导(this),如何延迟加载模块。但是,这是行不通的,它给了404错误,因为某些原因 './' 相对路径不起作用:Angular Lazy Loading - 使用Visual Studio加载模块给出404

2]

套餐:

3]

结构:

4]

15]

文件:

5]

6]

7]

8]

9]

10]

11]

12]

13]

14]

+0

在结构图像,'lazy.module.ts'文件丢失。它应该在app/lazy文件夹中。 – Sanket

+0

我在添加该文件之前做了屏幕截图。我将编辑问题 –

回答

2

使用LazyM odule在app.routing.ts喜欢这个 -

{ path: 'lazy', loadChildren: 'app/lazy/lazy.module#LazyModule' } 

代替

{ path: 'lazy', loadChildren: 'lazy/lazy.module#LazyModule' } 

请参阅本plunker

+0

你知道为什么这个行为,为什么在教程中工作?它解决了我的问题,但我想知道更多细节。谢谢。 –

+0

教程中可能存在拼写错误。 – Sanket

0

试图改变你的app.routing.ts你loadChildren路径为:

{ path: 'lazy', loadchildren: './lazy/lazy.module#Lazymodule } 
+0

它不起作用。 –