无法在Webpack和Angular2中使用ng-bootstrap

Question

首先我安装并导入了NgbModule：

• npm install --save @ng-bootstrap/ng-bootstrap
• import {NgbModule} from '@ng-bootstrap/ng-bootstrap'

此时，一切正常，我能够按照ng-bootstrap

之前的方式运行我的应用程序

我将NgbModule添加到imports的{​​{1}}数组中，如下所述：

NgModule

我无法使用@NgModule({ imports: [ NgbModule, .... ], declarations: [AppComponent, ....], bootstrap: [AppComponent], }) 运行npm start，因为它喊道：

这是我的webpack-dev-server：

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' }; 中移除source-map-loader的使用会删除错误，但在浏览器中不会产生Typescript源。

知道该怎么办？为什么会这样？

Answer 1

看起来webpack在您的本地计算机文件中搜索source-map-loader而不是在您的项目中。 因此我猜是这样的 npm install source-map-loader --save-dev无法工作。

当您从本地PC而不是项目询问某个模块时，它可能是一个应该全局安装的模块。

尝试： npm install source-map-loader -g

Answer 2

是否安装了source-map-loader模块，即它是否在node_modules文件夹中？如果没有使用此命令安装它：

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