2017-05-07 51 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

它不起作用。 –