彈出angular-cli webpack config後組件將不會加載

Question

我遵循ng2-fullpage中的說明將其集成到我的angular應用程序中，該應用程序由angular-cli生成。我沒有遵循的唯一指示是用'jquery'和'fullpage.js'導入來更新webpack供應商入口文件（src/vendor.browser.ts）。 fullpage.js端口起作用。到現在爲止還挺好。

之後，我想在我的angular-cli應用中使用自定義webpack配置。所以，我執行了ng eject命令來獲取內部webpack配置文件。在使用該命令之後，應用程序將不會引導AppComponent而不會顯示錯誤消息。當我從我的NgModule聲明中刪除MnFullPageDirective時，該應用似乎工作。一旦我將其插回，AppComponent將不會加載。

它可能與webpack供應商條目文件更新有關，但我不知道如何使它與angular-cli一起工作，因爲我不熟悉webpack。

在此先感謝您的幫助。

UPDATE

這裏是一個github上回購其再現的情況：https://github.com/koslambrou/angular-cli-ng2-fullpage-ejected

Answer 1

我調查了您的問題，發現你需要改變你的WebPack配置了一下：

更換

module.exports = { 
    "devtool": "source-map", 
    "resolve": { 
    "extensions": [ 
     ".ts", 
     ".js" 
    ], 
    "modules": [ 
     "./node_modules" 
    ] 
    }, 
    "resolveLoader": { 
    "modules": [ 
     "./node_modules" 
    ] 
    }, 

與

module.exports = { 
    "devtool": "source-map", 
    "resolve": { 
    "extensions": [ 
     ".ts", 
     ".js" 
    ], 
    "modules": [ 
     path.join(process.cwd(), "node_modules") 
    ] 
    }, 
    "resolveLoader": { 
    "modules": [ 
     path.join(process.cwd(), "node_modules") 
    ] 
    },