Как добавить vue-awesome иконки в приложение nuxt? - PullRequest
Новая
       65

Как добавить vue-awesome иконки в приложение nuxt?

0 голосов
/ 11 июля 2019

Я хотел бы добавить font-awesome в мое приложение universal NuxtJs.поэтому я использовал для этого пакет vue-awesome.

Теперь, после установки пакета, я получил эту ошибку: 

Unexpected identifier

После чтения из репозитория nuxt на github ( nuxt repo 1 , nuxt repo 2 ), я понял, что проблема возникает при рендеринге на сервере. SSR .

Итак, ради бога, я заставил его замолчать с помощью:

в nuxt.config.js

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

После разработки мне пришлось с этим столкнуться, и я застрял в этой ошибке:

"Неожиданный токен<"</strong>

вот код:

~ / 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']
}

1 Ответ

0 голосов
/ 18 июля 2019

Финансово исправлено

nuxt.config.js 

  plugins: [
    '~plugins/vue-awesome',
  ],

  build: {
    transpile: [/vue-awesome/]
  },
...