模块未找到:错误:无法解决‘../字体/方框-webfont.eot’
模块未找到:错误:无法解决‘../字体/方框-webfont.eot’
提问于 2018-05-19 08:47:23
我使用Webpack 4并安装了"font-awesome": "^4.7.0" in package.json“，然后尝试将它导入到我的index.scss中，如下所示：
@import '~font-awesome/scss/font-awesome.scss';
@import '~bootstrap/scss/bootstrap.scss'; 我得到了以下错误消息：
ERROR in ./src/index.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.eot' in '/Volumes/Develop/react-reason/cockpit/src'
@ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss 7:414-457
ERROR in ./src/index.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.eot?v=4.7.0' in '/Volumes/Develop/react-reason/cockpit/src'
@ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss 7:332-383
ERROR in ./src/index.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.svg?v=4.7.0' in '/Volumes/Develop/react-reason/cockpit/src'
@ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss 7:806-857
ERROR in ./src/index.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.ttf?v=4.7.0' in '/Volumes/Develop/react-reason/cockpit/src'
@ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss 7:711-762
ERROR in ./src/index.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.woff2?v=4.7.0' in '/Volumes/Develop/react-reason/cockpit/src'
@ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss 7:525-578
ERROR in ./src/index.scss (./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss)
Module not found: Error: Can't resolve '../fonts/fontawesome-webfont.woff?v=4.7.0' in '/Volumes/Develop/react-reason/cockpit/src'
@ ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/index.scss 7:619-671正如您所看到的，引导工作得很好，但是字体-令人敬畏的不行。
下载的字体-令人敬畏的文件夹如下所示：
我错过了一些配置吗？
更新导入文件如下：
@import '~font-awesome/css/font-awesome.css';但是导入scss文件，如：
@import '~font-awesome/scss/font-awesome.scss';为什么不起作用？
回答 4
Stack Overflow用户
发布于 2018-10-27 15:23:47
在导入之前指定字体位置：
$fa-font-path: "~font-awesome/fonts/";
@import "~font-awesome/scss/font-awesome";Stack Overflow用户
发布于 2019-05-29 07:33:32
我让它与这些步骤一起工作：
创建具有内容的src/_variables.scss：
$fa-font-path: '../node_modules/font-awesome-sass/assets/fonts/font-awesome/';因此，我设置了以../node_modules开头的完整路径
为了完整起见，我的src/styles.scss
@import 'variables';
@import "../node_modules/font-awesome-sass/assets/stylesheets/font-awesome";(我使用的是包font-awesome-sass，所以您的路径可能有所不同)
Stack Overflow用户
发布于 2020-04-07 20:27:03
改变它
$fa-font-path: "./webfonts";举个例子(方舟5)：
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";在app.scss中
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50423461
复制相关文章
相似问题
腾讯云开发者
