NuxtJS:外部客户端仅插件/组件会导致页面刷新错误。

Question

我使用npm安装包括一个客户端的插件，称为vue库，并按照说明加载它作为客户端只插件，如Nuxtjs文档中所述。这个插件可以正常工作，只有一个例外:如果我在导入插件的任何路径上按f5，Nuxt就会抛出一个“无效的或意外的令牌”错误。当您将插件定义为客户端和服务器端时，总是会抛出这个错误。如果直接在浏览器中键入URL，也会发生同样的情况。但是，当您使用应用程序链接导航到页面时，就不会发生这种情况。

请注意，这只是一个外部组件类型插件，而不是一个ES6插件。

vue-gallery.js

import Vue from 'vue'
import VueGallery from 'vue-gallery'      
Vue.component('vue-gallery', VueGallery)

nuxt.config.js

  plugins: [
    '~/plugins/axios',
    { src: '~/plugins/vue-gallery.js', mode: 'client' }
  ],

在我的页面组件中，只需从‘vue- VueGallery’进行导入。

要解决这个问题吗？

Answer 1

在我的页面组件中，只需从‘vue- VueGallery’进行导入。

这就是原因。如果你把它导入到你的页面中，它将被导入到SSR上，所以如果它不兼容SSR，它就会出错。由于您将它作为组件全局添加到您的插件中，所以不需要在页面中导入它。