我已经为
jquery&安装了npm包. bootstrap,然后将进口添加到vendor.ts,但我仍然没有在浏览器上显示任何引导样式.
... import 'jquery/dist/jquery.js' import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/js/bootstrap.js'; ...
我也尝试在webpack.common.js中添加另一个条目,但这也没有帮助.
entry: {
'bootstrap': './node_modules/bootstrap/dist/css/bootstrap.min.css','polyfills': './src/polyfills.ts','vendor': './src/vendor.ts','main': './src/main.browser.ts'
}
任何帮助将不胜感激,谢谢.
解决方法
您可以使用其中一个可用的角度种子项目.
例如这一个 https://github.com/preboot/angular2-webpack
例如这一个 https://github.com/preboot/angular2-webpack
要安装bs,只需运行npm install jquery bootstrap –save
import 'jquery'; import 'bootstrap/dist/js/bootstrap'; import 'bootstrap/dist/css/bootstrap.min.css';
plugins:[
.....
.....,new webpack.ProvidePlugin({
jQuery: 'jquery',$: 'jquery',jquery: 'jquery'
})
]
有关详细信息,请查看以下链接中的第4条评论：
https://github.com/AngularClass/angular2-webpack-starter/issues/696
为我工作.我曾经抱怨jquery没找到,但它解决了我的问题.
