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

Question

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

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

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

本地主机

生产

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

一点指导将不胜感激。谢谢

Answer 1

截至今天，Buefy 对 Nuxt 有官方支持。nuxt.config.js您可以使用nuxt 模块，而不是在里面导入 buefy 的 css并创建一个新插件。

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

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

npm i nuxt-buefy

nuxt.config.js

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