无法解析@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
如果您使用的是纱线,请输入此命令
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
我正在使用 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
如果您使用的是纱线,请输入此命令
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