Question

我使用npm install包含一个名为vue-gallery的仅客户端插件，并按照说明将其加载为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-gallery'导入VueGallery

有解决办法吗？

Answer 1

在我的页面组件中，只需从'vue-gallery'导入VueGallery

那是原因。如果您将其导入您的页面，它将在SSR上导入，因此，如果它与SSR不兼容，则会出错。由于您是将其全局添加为插件中的组件，因此无需将其导入页面中

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

1 个答案: