我正在使用 Angular CLI 并尝试让 Font Awesome 在我的项目中工作。
我已经使用 npm install font-awesome --save
安装了 Font Awesome
我尝试使用
导入库$fa-font-path: "~font-awesome/fonts";
@import "~font-awesome/scss/font-awesome";
在我的styles.scss
顶部
但是在运行ng-serve
时我收到以下编译错误
ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./src/css/styles.css
Module not found: Error: Can't resolve '../node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0' in '/Users/MyName/Documents/Workspace/my-app/src/css'
@ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{"ident":"postcss"}!./src/css/styles.css 6:181980-182057
@ ./src/css/styles.css
@ multi ./src/css/styles.css
有人遇到过类似的问题吗?如果我能帮忙的话,我会尽量不去搞乱 angular-cli.son
。
最佳答案
我遇到了同样的问题,经过大量搜索后,我在 https://github.com/angular/angular-cli/issues 上找到了答案。
改变 @import“~font-awesome/scss/font-awesome”;
进入:
@import "~font-awesome/scss/font-awesome.scss";
这是针对 sass webpack 插件问题的临时解决方法,应该很快就会得到修复。
希望这个解决方法能够帮助您
关于javascript - npm FontAwesome Angular 4 编译错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44807275/