相关疑难解决方法(0)

如何在 Nuxt 或 Vue 中使用任何图标?

当我尝试使用 vue-fontawesome 框架以及 @nuxtjs/fontawesome 框架时,我遇到 Nuxtjs 错误,这是错误:

[nuxt] [request error] Cannot read properties of undefined (reading 'component')
    at $id_c50a96b3 (./.nuxt/dist/server/server.mjs:3239:31)
    at async __instantiateModule__ (./.nuxt/dist/server/server.mjs:19193:3)
Run Code Online (Sandbox Code Playgroud)

这是我的代码nuxt.config.ts

import { defineNuxtConfig } from 'nuxt'

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/fontawesome'
  ],

  fontawesome: {
    icons: {
      solid: ['faXmark']
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

这是我想使用图标的组件:

[nuxt] [request error] Cannot read properties of undefined (reading 'component')
    at $id_c50a96b3 (./.nuxt/dist/server/server.mjs:3239:31)
    at async __instantiateModule__ (./.nuxt/dist/server/server.mjs:19193:3)
Run Code Online (Sandbox Code Playgroud)

顺便说一句,错误只是在我尝试加载页面时出现,而不是在运行时出现。

javascript vue.js nuxt.js vuejs3 nuxtjs3

7
推荐指数
2
解决办法
2万
查看次数

标签 统计

javascript ×1

nuxt.js ×1

nuxtjs3 ×1

vue.js ×1

vuejs3 ×1