vue.js - 无法解析@fontawesome all/fontawesome-free

Question

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

我还应用了一些命令，但它没有解决我的错误。谁能帮我解决一下

Answer 1

确保有.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 类。如果您想对导入有更多粒度，我还建议您在这里查看 Vue 支持的 FontAwesome 库。 https://github.com/FortAwesome/vue-fontawesome