nuxt.js에 Vue 패키지를 설치하는 방법

nuxt.js에 Vue 패키지를 설치하는 방법

내 Nuxt js 앱에 Vue Typer를 설치하려고 하는데 잘 되지 않습니다."document not defined" (문서 정의 안 됨)플러그인으로 nuxt.config.js에 Import를 시도했지만 동작하지 않습니다.

VueCLI 3에서 동작하고 있습니다만, 이 방법으로 정상적으로 동작하고 있는 것 같습니다.

감사합니다!

점점 ~하다

NuxtServerError render function or template not defined in component: anonymous

////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>

이 문제를 해결하려면 다음 파일을 만듭니다.vueTyper.client.js플러그인 폴더에 다음과 같이 입력합니다.

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

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

그럼 네 안에nuxt.config.js플러그인에 추가

plugins: [
  {src: '~/plugins/vueTyper.client.js', mode: 'client',}
]

이렇게 하면 애플리케이션 내 어디에서나 오류 없이 쉽게 사용할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/54525838/how-to-install-vue-packages-in-nuxt-js