Question

我想在我的font-awesome应用中添加universal NuxtJs。所以我为此使用了vue-awesome包。

现在，在打包软件包之后，我收到了以下错误消息：

Unexpected identifier

从github（nuxt repo 1，nuxt repo 2）上的nuxt存储库中读取后，我意识到在服务器上渲染该问题时会出现问题。 SSR 。

因此，出于开发人员的考虑，我用：

将其静音

在nuxt.config.js中

plugins: [{ src: '~plugins/vue-awesome', ssr: false },]

开发后，我不得不面对它，并且陷入了这个错误：

"Unexpected token <"

这是代码：

〜/ plugins / vue-awesome


import Vue from 'vue';
import Icon from 'vue-awesome/components/Icon.vue';
import './icons.js';

Vue.component('icon', Icon);

〜/ plugins / icons.js

import 'vue-awesome/icons/sign-in-alt'
import 'vue-awesome/icons/shopping-basket'
...

nuxt.config.js

module.exports = {
  build: {

    extend(config, ctx) {
        if (ctx.isClient) {
          config.module.rules.push({
            enforce: 'pre',
            test: /\.(js|vue)$/,
            loader: 'eslint-loader',
            exclude: /(node_modules)/
          })
        } else {
          config.externals = [ nodeExternals({
            whitelist: ['vue-awesome']
          })]
        }
    }
  },

  plugins: ['~plugins/vue-awesome.js']
}

Answer 1

Finanlly fixed it

nuxt.config.js

setState((state) => ({...state, [name]: data}))

如何在nuxt应用程序中添加Vue真棒图标？

1 个答案: