无法解析@fontawesome all / fontawesome-free

Cannot resolve @fontawesome all / fontawesome-free

我正在使用 vue.js 2 - 我在 App.vue 中添加了一些 mdi 图标,这在我的项目中产生了一个新错误
当我尝试为我的项目提供服务时,出现如下所示的错误

我也对它应用了一些命令,但它并没有解决我的错误。 谁能帮我解决一下

我只是通过卸载 google 字体来解决错误,然后使用以下方法重新安装 google 字体 command.In 我的情况是我使用纱线,所以我使用

纱线添加@fortawesome/fontawesome-free

但是对于使用 npm 的用户,他们应该使用以下命令

npm install --save @fortawesome/fontawesome-free

下面的 link 也很有帮助 google 解决 Npm 和 Yarn 的 links

: https://www.google.com/search?q=font%20awesome%20add%20by%20yaRN&oq=font%20awesome%20add%20by%20yaRN&aqs=chrome..69i57j33i10i160.11903j0j7&sourceid=chrome&ie=UTF-8

如果您使用的是纱线,请输入此命令

yarn add @fortawesome/fontawesome-free

如果你使用的是 npm 然后输入这个命令

yarn add @fortawesome/fontawesome-free

并添加 @import '@fortawesome/fontawesome-free/css/all.css'; 这个在 app.scss 文件中

或在app.js文件中添加import '@fortawesome/fontawesome-free/css/all.css';

确保有 .css 扩展名,否则导入会失败。

提醒:

安装 @fortawesome/fontawesome-free(使用 npm 或 yarn,具体取决于您的项目使用的包管理器)。

然后在您的 main.js 中,您可以按照下面的示例导入 all.css

import Vue from 'vue'
import App from './App.vue'

import '@fortawesome/fontawesome-free/css/all.css'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

这将允许您在常规 HTML 标签中使用 fa 类。 如果您想更精细地导入,我还建议您在此处查看 FontAwesome 的 Vue 支持库。 https://github.com/FortAwesome/vue-fontawesome

这个对我有用,我在 package.json

中将 @fortawesome/fontawesome-free 版本降级到 ^5.15.4