Sass 在vue cli网页包项目中导入字体
我已经创建了clear vue cli网页包项目,并通过npm安装了font awesome 然后在./assets/scss/styles.scss内部导入它(@import'~font-awesome/scss/font-awesome.scss';) 运行npm start时,出现以下错误:Sass 在vue cli网页包项目中导入字体,sass,webpack-2,vue-cli,Sass,Webpack 2,Vue Cli,我已经创建了clear vue cli网页包项目,并通过npm安装了font awesome 然后在./assets/scss/styles.scss内部导入它(@import'~font-awesome/scss/font-awesome.scss';) 运行npm start时,出现以下错误: These relative modules were not found: * ../fonts/fontawesome-webfont.eot in ./node_modules/css-loa
These relative modules were not found:
* ../fonts/fontawesome-webfont.eot in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss/styles.
scss
* ../fonts/fontawesome-webfont.eot?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss
/styles.scss
* ../fonts/fontawesome-webfont.svg?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss
/styles.scss
* ../fonts/fontawesome-webfont.ttf?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scss
/styles.scss
* ../fonts/fontawesome-webfont.woff2?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/sc
ss/styles.scss
* ../fonts/fontawesome-webfont.woff?v=4.7.0 in ./node_modules/css-loader?{"sourceMap":false}!./node_modules/postcss-loader/lib?{"sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false}!./src/assets/scs
s/styles.scss
我怎样才能修好它?谢谢 好的,这是一个简单的解决方法。需要包括:
$fa-font-path: "~font-awesome/fonts";
导入正确的字体。非常有用。谢谢。但是“FontAweasome”npm存储库是为FontAweasomev4准备的。要将Font Awesome v5与npm一起使用,请参见