从坏库中恢复,Angular5应用程序无法与CSS导入相关的编译

时间:2018-01-23 15:52:46

标签: javascript angular

使用当前角度处理应用。已经为一个组件导入了一个库,但最终造成的问题多于帮助,但我仍然遇到编译错误,我不想重新使用这个解决方案。

以下是错误文字:

  

错误   ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss   “}!./ node_modules / bootstrap / dist / css / bootstrap.min.css模块构建   失败:BrowserslistError:未知的浏览器专业版       出错(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ browserslist \ index.js:37:11)       在Function.browserslist.checkName(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ browserslist \ index.j)   S:320:18)       在Function.select(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ browserslist \ index.js:438:37)       在C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ browserslist \ index.js:207:41       在Array.forEach()       在browserslist(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ browserslist \ index.js:196:13)       在Browsers.parse(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ autoprefixer \ lib \ browsers.js:44:14)       在新的浏览器(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ autoprefixer \ lib \ browsers.js:39:28)       at loadPrefixes(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ autoprefixer \ lib \ autoprefixer.js:56:18)       在插件(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ autoprefixer \ lib \ autoprefixer.js:62:18)       在LazyResult.run(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ postcss \ lib \ lazy-result.js:274:20)       在LazyResult.asyncTick(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ postcss \ lib \ lazy-result.js:189:   32)       在LazyResult.asyncTick(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ postcss \ lib \ lazy-result.js:201:   22)       at processing.Promise.then._this2.processed(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ postcss \ lib   \懒惰result.js:228:20)       在Promise()       在LazyResult.async(C:\ Users \ rutherfordc.AA \ Documents \ GitHub \ ccsng \ node_modules \ postcss \ lib \ lazy-result.js:225:27)   @   ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./n   ode_modules / SASS装载机/ LIB / loader.js { “sourceMap”:假, “精确”:8中, “的includepaths”:[]}?!./ SRC / styles.sass   5:10-202 @ ./src/styles.sass @ multi ./src/styles.sass

根据错误中的前几行,它与Node_modules中的Bootstrap有关,但我将其导入我的style.sass文件(编译为CSS)

@import url("../node_modules/bootstrap/dist/css/bootstrap.min.css")

不知道为什么它现在失败了。

1 个答案:

答案 0 :(得分:0)

从Styles.sass和angular-cli.json文件中删除所有导入,并将导入添加到Index.html文件中。 (尽管之前有过工作。)