Recibo el siguiente error cuando intento renderizar este impresionante componente de fuente en mi aplicación nuxt 3, seguí todas las instalaciones de npm correctamente y no puedo obtener los íconos en la aplicación sin ningún error.

 at WeakMap.set (<anonymous>) at normalizePropsOptions (./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3966:11) at createComponentInstance (./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6957:23) at renderComponentVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:171:22) at Module.ssrRenderComponent (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12) at _sfc_ssrRender (./.nuxt/dist/server/server.mjs:2939:33) at renderComponentSubTree (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:253:13) at renderComponentVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:188:16) at Module.ssrRenderComponent (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12) at _sfc_ssrRender (./.nuxt/dist/server/server.mjs:9374:31)

Esta es la línea de código que rompe la aplicación.

 <font-awesome-icon :icon="['fas', 'user']" />

archivo nuxt.config

 import { defineNuxtConfig } from "nuxt"; export default defineNuxtConfig({ css: ["@/assets/css/tailwind.css"], build: { postcss: { postcssOptions: { plugins: { tailwindcss: {}, autoprefixer: {}, }, }, }, }, plugins: ["~/plugins/fontawesome.js"], buildModules: [ ["@pinia/nuxt", { disableVuex: true }], ["@nuxtjs/tailwindcss", { config: "@/tailwind.config.js" }], ], modules: ["@nuxtjs/tailwindcss"], });

archivo de complemento

 import { library } from "@fortawesome/fontawesome-svg-core"; import { fas } from "@fortawesome/free-solid-svg-icons"; // import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome"; export default defineNuxtPlugin((nuxtApp) => { // nuxtApp.vueApp.component("FontAwesomeIcon", FontAwesomeIcon); library.add(fas); });

Usé el complemento porque, por alguna razón, la configuración de npm @nuxt/fortawesome no funciona

paquete.json

 "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.1.1", "@fortawesome/free-brands-svg-icons": "^6.1.1", "@fortawesome/free-solid-svg-icons": "^6.1.1", "@fortawesome/vue-fontawesome": "^2.0.8", "@supabase/supabase-js": "^1.35.3", "pinia": "^2.0.14" } }