javascript - npm FontAwesome Angular 4 编译错误

Question

我正在使用 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 。

Answer 1

我遇到了同样的问题，经过大量搜索后，我在 https://github.com/angular/angular-cli/issues 上找到了答案。

改变@import“~font-awesome/scss/font-awesome”；

进入:

@import "~font-awesome/scss/font-awesome.scss";

这是针对 sass webpack 插件问题的临时解决方法，应该很快就会得到修复。

希望这个解决方法能够帮助您