我刚刚在VS Code中创建了一个新的Angular应用。我按照以下说明添加了Bootstrap 4：
https://loiane.com/2017/08/how-to-add-bootstrap-to-an-angular-cli-project/
并更改了“样式”和“脚本”以添加以下行（在其他方向上找到了jquery和popper行，无论是否包含这些行，我都会遇到相同的错误）：
"../node_modules/bootstrap/dist/css/bootstrap.css"
"../node_modules/jquery/dist/jquery.slim.js",
"../node_modules/popper.js/dist/umd/popper.js",
"../node_modules/bootstrap/dist/js/bootstrap.js"
但出现以下错误：
./node_modules/css-loader中的错误？{“ sourceMap”：false，“ importLoaders”：1}！../ node_modules / postcss-loader / lib？{“ ident”：“ postcss”，“ sourceMap”：false}！ ./node_modules/bootstrap/dist/css/bootstrap.css模块构建失败：BrowserslistError：错误时未知的专业浏览器（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ browserslist \ index.js：37：11）在Function.browserslist.checkName（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ browserslist \ index.js：320：18）在Function.select（D：\ Users \ Andrew \ Documents \ code \ JobSolution \位于D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ browserslist \ index.js：207：41的node_modules \ browserslist \ index.js：438：37）位于浏览器列表（D：\ Users）的Array.forEach（） \ Andrew \ Documents \ code \ JobSolution \ node_modules \ browserslist \ index.js：196：13），位于Browsers.parse（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ autoprefixer \ lib \ browsers.js：44：14）在新浏览器（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ autoprefixer \ lib \ browsers中。 js：39：28）在插件（D：\ Users \ Andrew \ Documents \ code \）处的加载前缀（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ autoprefixer \ lib \ autoprefixer.js：56：18） LazyResult.run（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazyResult）上的JobSolution \ node_modules \ autoprefixer \ lib \ autoprefixer.js：62：18）。 js：270：20）在LazyResult.asyncTick上的LazyResult.asyncTick（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js：185：32） （D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js：197：22）在LazyResult。asyncTick（D：\ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js：197：22）在Promise.then._this2.processed（D： \ Users \ Andrew \ Documents \ code \ JobSolution \ node_modules \ postcss-loader \ node_modules \ postcss \ lib \ lazy-result.js：224：20）在新的Promise（）@ ./node_modules/bootstrap/dist/css/bootstrap .css 4：14-127 @ multi ./src/styles.css ./node_modules/bootstrap/dist/css/bootstrap.css/node_modules/bootstrap/dist/css/bootstrap.css/node_modules/bootstrap/dist/css/bootstrap.css
webpack：编译失败。
我当然不知道这意味着什么。有任何想法吗？
那是您遵循的旧教程。使用以下命令安装Bootstrap 4：
npm install [email protected] popper.js jquery --save
在angular-cli.json中添加以下行：
"styles": [
"styles.css",
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/popper.js/dist/popper.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
编辑：
Bootstrap 4的Internet Explorer：
支持Internet Explorer 10+；IE9和向下不是。请注意，某些CSS3属性和HTML5元素在IE10中不完全受支持，或者要求使用前缀属性才能具有全部功能。请访问“我可以使用...”以获取有关浏览器对CSS3和HTML5功能的支持的详细信息。
如果您需要IE8-9支持，请使用Bootstrap3。Bootstrap3是我们代码的最稳定版本，并且我们的团队仍为关键错误修复和文档更改提供支持。但是，不会添加任何新功能。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句