Nuxt.js-在npm生成后，外部组件无法在另一个组件内部工作

Question

在页面上，我使用在本地导入的组件。

在该组件内部，我使用一个外部组件（vue-carousel），但是由于它仅是客户端，所以我构建了一个插件，该插件可以导入vue-carousel并在全球范围内注册其组件。

它在npm run dev上有效，但是如果我运行npm run generate，它将停止工作，并且在检查器中，我看到的是标签而不是组件本身。我使用本地IIS安装程序。

演示回购：https://github.com/MrZordex/inner-component-problem

任何想法怎么可能发生？

Answer 1

更改您的nuxt.config.js文件：

plugins: [
  {src: '@/plugins/vue-carousel.client.js', mode: 'client'}
  // {src: '@/plugins/vue-carousel.client.js', ssr: false}  // or
]

某些插件可能仅在浏览器中有效，因为它们缺少SSR支持。在这些情况下，可以使用mode: client中的plugins选项仅在客户端上添加插件。

Note：从Nuxt.js 2.4开始，作为插件的选项引入了mode来指定插件类型，可能的值为：client或server。 ssr: false将适应mode: 'client'，并在下一个主要版本中弃用。