首先我安装并导入了NgbModule
:
npm install --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'
};
如有任何帮助和解释,我们将不胜感激!
提前致谢!
更新:
从 preLoaders
中删除 source-map-loader
的使用消除了错误,但在浏览器中没有 Typescript 源。
知道要做什么吗?为什么会这样?
最佳答案
看起来 webpack 在您的本地计算机文件中搜索 source-map-loader 而不是在您的项目中。
因此我的猜测是
npm install source-map-loader --save-dev
将不起作用。
当从您的本地 PC 而不是您的项目请求某个模块时,它可能是一个应该全局安装的模块。
尝试:
npm install source-map-loader -g
关于javascript - 不能将 ng-bootstrap 与 Webpack 和 Angular2 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39305691/