Javascript 无法将ng引导与Web包和Angular2一起使用

首先，我安装并导入了

NgbModule

：

• npm安装--save@ng bootstrap/ng bootstrap

• 从'@ng bootstrap/ng bootstrap'导入{NgbModule}

在这一点上，一切正常，我能够像以前那样运行我的应用程序

ng bootstrap

一旦我将

NgbModule

添加到我的

NgModule

的

imports

数组中，如下所述：

@NgModule({
    imports: [
        NgbModule, ....
    ],
    declarations: [AppComponent, ....],
    bootstrap: [AppComponent],
})

我无法使用

webpack dev server

运行

npm start

，因为它会大叫：

这是我的

webpack.config.js

：

module.exports = {
  entry: "./app/boot",
  output: {
    path: __dirname,
    filename: "./dist/bundle.js"
  },
  resolve: {
    extensions: ['', '.js', '.ts']
  },
  module: {
    loaders: [
      { test: /\.ts/,   loader: ["ts-loader"], exclude: /node_modules/ },
     ],
     preLoaders: [
      // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
      { test: /\.js$/, loader: "source-map-loader", exclude: ['node_modules', 'ext-*', 'lib', 'tools'] }
    ]
  },
  debug: true,
  devtool: 'source-map'
};

任何帮助和解释都将不胜感激

提前谢谢

更新： 从

预加载程序

中删除

源地图加载程序

的使用将删除错误，但不会导致浏览器中出现Typescript源

---

知道怎么办吗？为什么会发生这种情况？

是否安装了源地图加载程序模块，即是否在您的node\u modules文件夹中？如果没有，请使用此命令安装：

npm install source-map-loader --save-dev

---

看起来webpack在本地计算机文件而不是项目中搜索源地图加载器。 因此我的猜测是

npm安装源地图加载器--保存开发

将无法工作

当从本地PC而不是项目中请求某个模块时，它可能是一个应该在全球范围内安装的模块

尝试：

---

npm安装源地图加载器-g

嘿，埃里克，谢谢你的快速回复。是的，源映射加载器已经安装，并且存在于我的

节点(u modules

中。奇怪的是，只有当我导入

NgbModule

时，这个错误才会弹出，没有导入，一切正常，但是我无法使用course@Cieja是的，我有，请注意接受的答案：）