Question

我正在尝试将VueTyper添加到我的Nuxt网站，并且当您单击指向我的关于页面的链接时，它在初始加载时有效，但是如果重新加载该页面，则会中断。

<template>
    <vue-typer text="Why does this break"></vue-typer>
</template>

<script>
import { VueTyper } from 'vue-typer'


  export default {
   components:{
       VueTyper
   }
  }

</script>

我收到了 “ ReferenceError 文档未定义”。

Answer 1

VueTyper不支持SSR。有几种解决方法。

1）您可以在水疗模式https://nuxtjs.org/api/configuration-mode/

下运行nuxt

2）您可以使用no-ssr标签https://nuxtjs.org/api/components-no-ssr/

3）您可以将vueTyper添加为具有ssr的插件：false https://github.com/cngu/vue-typer/issues/1#issuecomment-368987826

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

也许2和3应该一起使用，而不是对自己进行测试。

页面也可以在链接时工作，但重新加载时会中断

1 个答案: