角度构建找不到安装的字体-令人敬畏的节点模块
本教程将介绍角度构建找不到安装的字体-令人敬畏的节点模块的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。
问题描述
每当我使用ng build --prod
生成项目时,都会收到以下错误:
ERROR in ./src/styles.scss
Module build failed:
ModuleBuildError: Module build failed:
Error: Can't resolve '~font-awesome/css/font-awesome.css' in '/app/src'
styles.css
使用@import "~font-awesome/css/font-awesome.css";
。我已验证路径,并且模块已正确安装在node_modules/font-awesome
。
我还尝试过导入scss
版本,有文件结尾和没有文件结尾。当我删除@import
语句时,一切工作正常,即使我在同一文件中使用其他导入到其他节点_模块--所以这似乎只是一个字体超赞的包的问题...
另外,我通过SSH连接到我的停靠容器以检查node_modules/font-awesome/css/font-awesome.css
是否存在,它确实存在。
想法?
推荐答案
我不确定为什么该文件的css版本无法工作,但我找到了docs on the angular-cli,它为我提供了一些怎么使其工作的提示。
1)导入SCSS版本而不是CSS版本。
@import "~font-awesome/scss/font-awesome.scss";
2)将字体路径定义为SCSS变量。
$fa-font-path: "~font-awesome/fonts";
请注意,必须在@import
语句之前定义SCSS变量。
奇怪的是,这件事的错误是随机发生的。对于一个开发人员来说,一切正常,但当将Repo拉到另一台计算机时,出现了此问题。
好了关于角度构建找不到安装的字体-令人敬畏的节点模块的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。