Question

我正在尝试在我的Nuxt js应用程序中安装Vue Typer，但是没有运气。我不断收到“文档未定义”。我尝试将其作为插件插入到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>

如何在nuxt.js中安装Vue软件包

1 个答案: