相关疑难解决方法(0)

我已经在Nuxt中完成了fontawesome的安装,并提供了这个梦幻般的链接;

https://github.com/FortAwesome/vue-fontawesome

我有一个旋转器呈现为

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

旋转器不旋转,它是静止的.

我添加了fa-spin作为

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

这导致控制台中的错误 Could not find one or more icon(s) undefined

任何人都可以指出我正确的方向,告诉我如何让我的旋转器旋转.

相关部分 nuxt.config.js

    modules: [
        'nuxt-fontawesome'
],


//font-awesome
  fontawesome: {
    imports: [
        {
          set: '@fortawesome/free-solid-svg-icons',
          icons: ['fas']
        },
    ],
  },

build: {
      config.resolve.alias['@fortawesome/fontawesome-free-brands$'] = '@fortawesome/fontawesome-free-brands/shakable.es.js'
      config.resolve.alias['@fortawesome/fontawesome-free-solid$'] = '@fortawesome/fontawesome-free-solid/shakable.es.js'
    }

在组件("../pages/index.vue")中它是;

<template>
  <div>
    <font-awesome-icon :icon="['fas','spinner','spin' ]" />
  </div>
</template>

正如@Steve所建议的,我创建了一个Glitch工作区 https://glitch.com/edit/#!/join/d57a5054-b448-4a53-ad37-d9465b0cef8b