弹出angular-cli webpack配置后，组件将不会加载

Question

我按照ng2-fullpage中的说明将其整合到使用angular-cli生成的角度应用中。我没有遵循的唯一指令是使用'jquery'和'fullpage.js'导入更新webpack供应商条目文件（src / vendor.browser.ts）。 fullpage.js端口有效。到目前为止一切都很好。

之后，我想在angular-cli应用程序中使用自定义webpack配置。所以，我执行了ng eject命令来获取内部webpack配置文件。使用该命令后，应用程序将不会引导AppComponent而没有错误消息。当我从MnFullPageDirective声明中删除NgModule时，该应用似乎有效。将其插回后，AppComponent将无法加载。

它可能与webpack供应商条目文件更新有关，但我不知道如何使它与angular-cli一起使用，因为我不熟悉webpack。

提前感谢您的帮助。

更新

这是一个重现情况的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")
    ]
  },