角度编译时错误：找不到'node_modules/font-awesome/css/font-awesome.css'

Question

我遇到一个编译时错误。font-awesome文件夹存在于节点模块中，但仍在编译时我得到编译时错误。我的角。Json是这样的:

"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "src/tsconfig.spec.json",
"karmaConfig": "src/karma.conf.js",
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"src/styles/theme.scss",
"src/styles/layout.scss",
"src/styles/common.scss",
"src/styles/material.scss",
"src/styles/printfile.scss"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/popper.js/dist/umd/popper.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"

],
"assets": ["src/favicon.ico", "src/assets"]
}
},

我已经导入了font-awesome，像这样:

$fa-font-path: "../node_modules/font-awesome/fonts";
@import "node_modules/font-awesome/css/font-awesome.css";

谁能告诉我，我到底错过了什么?

Answer 1

尝试导入SCSS版本-

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

你还需要定义字体路径-

$fa-font-path: "~font-awesome/fonts";

同样在angular.json中，下面需要更改-

"styles": [
"assets/sass/global/loading.css",
"node_modules/font-awesome/scss/font-awesome.min.scss", 
"styles.scss"
]

注意- SCSS变量必须在@import语句之前定义。