vue-select，buefy CSS 不能用于生产NUXT.JS答案

【问题标题】：vue-select, buefy CSS not working on production | NUXT.JSvue-select，buefy CSS 不能用于生产NUXT.JS
【发布时间】：2020-01-20 06:05:43
【问题描述】：

我正在使用带有 nuxt.js 的 buefy 自动完成组件。我已经导入了 CSS 文件。并且 CSS 在本地主机上正常工作，但在实时服务器上不工作。我认为问题可能出在 buefy 上，但我在使用 vue-select 自动完成时遇到了同样的问题。

本地服务器上的一切都很完美，但是当我将文件移动到实时服务器并执行 num run build 时，注意来自 buefy 和 vue-select 的工作。

注意：所有 CSS 的其余部分都可以正常工作

本地主机

生产

它不仅是自动完成组件，没有任何 buefy 组件在工作，单选按钮、日历等。

我们将不胜感激。谢谢

【问题讨论】：

【解决方案1】：

截至今天，Buefy 正式支持 Nuxt。您可以使用nuxt module，而不是在nuxt.config.js 中导入buefy 的css 并创建一个新插件。

如果您使用create-nuxt-app 创建一个新的 Nuxt 项目，您可以选择添加 Buefy 作为您的 UI 框架。

如果你有一个现有的nuxt项目，你可以简单地手动安装nuxt-buefy模块：

npm i nuxt-buefy

nuxt.config.js

...,
modules: [
  'nuxt-buefy',
],
...

【讨论】：

嘿，@htmn 感谢您的回答，但还是一样。我确实做到了，但 CSS 不工作
您是否也尝试运行预配置的服务器npm run build，然后运行npm run start？
是的，我做到了。实际上我现在已经用 vue-select CDN css 管理它了。但我知道这不是解决方案。
奇怪，你用的是什么版本的nuxt？我可以看到在您的nuxt.config.js 中，您仍在使用ssr: false，即deprecated，现在它已适应mode: 'client' 选项。我只是在这里陷入黑暗，这是一个私人项目，你有可以分享的回购吗？此外，如果它不是一个大型项目，我会考虑重新开始并使用 npx create-nuxt-app，因为在我选择它作为我的 UI 框架并运行 npm run start 之后，buefy 对我来说工作正常。
我也有同样的问题@htmn，你最后找到解决方案了吗？