如何在 nuxt.js 中安裝 Vue 包

Question

我正在嘗試在我的 Nuxt js 應用程序中安裝Vue Typer ，但沒有成功。 我不斷收到“文檔未定義”。 我嘗試將它作為插件導入到我的 nuxt.config.js 中，但它不起作用。

我讓它在我的 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>

Answer 1

要解決此問題， vueTyper.client.js在插件文件夾下創建一個名為vueTyper.client.js文件，然后鍵入以下內容；

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

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

然后在您的nuxt.config.js添加到您的插件中

plugins: [
  '~/plugins/vueTyper.client.js'
]

執行此操作后，您可以輕松地在應用程序中的任何位置使用它而不會出錯：

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