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

Question

我按照 ng2-fullpage 中的说明进行操作将其集成到我用 angular-cli 生成的 Angular 应用程序中。我唯一没有遵循的说明是使用“jquery”和“fullpage.js”导入更新 webpack vendor 入口文件 (src/vendor.browser.ts)。 fullpage.js 端口有效。到目前为止一切顺利。

之后，我想在我的 angular-cli 应用程序中使用自定义 webpack 配置。因此，我执行了 ng pop 命令来获取内部 webpack 配置文件。使用该命令后，应用程序将不会引导 AppComponent 并且没有错误消息。当我从 NgModule 声明中删除 MnFullPageDirective 时，该应用程序似乎可以正常工作。一旦我将其插回，AppComponent 将不会加载。

这可能与 webpack vendor 入口文件更新有关，但我不知道如何使其与 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")
    ]
  },