Nuxt.js - npm generate 后，外部组件在另一个组件中不起作用

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 支持。在这些情况下，您可以使用plugins 中的mode: client 选项仅在客户端添加插件。

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