Как установить пакеты Vue в nuxt.js

Question

Я пытаюсь установить Vue Typer в моем приложении Nuxt js, но не повезло.Я продолжаю получать «документ не определен».Я попытался импортировать его в свой nuxt.config.js в качестве плагина, но он не работает.

У меня это работает в моем VueCLI 3. Кажется, он отлично работает с этим методом.

Оцените его!

Получение

NuxtServerError - функция или шаблон рендерингане определено в компоненте: анонимный

////plugins///

import Vue from vue;

if (process.client) {
   const VueTyper = require('vue-typer');
   Vue.use(VueTyper);
}

///nuxt.config.js///

plugins: [
    {src: '~/plugins/vue-typer.js', ssr: false}
  ],

<template>
    <vue-typer text='Hello World! I was registered locally!'></vue-typer>
</template>

<script>
const VueTyper = processs.client ? require('vue-typer'): '';
export default {
    components: {
       VueTyper
    }
}
</script>

Answer 1

Чтобы это исправить, создайте файл с именем vueTyper.js в папке плагина и введите его;

import Vue from vue;
import { VueTyper } from 'vue-typer';

Vue.component('vue-typer', VueTyper);

, затем в вашем nuxt.config.js добавьте его в ваш плагин

plugins: [
  {src: '~/plugins/vueTyper.js', ssr: false}
]

после этого вы можете легко использовать его в любом месте вашего приложения без ошибок, например

<vue-typer text='Hello World! I was registered locally!'></vue-typer>