vue -выбрать, buefy CSS не работает на производстве | NUXT. JS - PullRequest
0 голосов
/ 20 января 2020

Я использую компонент автозаполнения buefy с nuxt. js. Я импортировал файл CSS. и CSS правильно работает на локальном хосте, но на живом сервере не работает. Я думал, что проблема может быть с buefy, но та же проблема, с которой я сталкиваюсь при vue - выберите автозаполнение.

Все отлично на локальном сервере, но когда я перемещаю свои файлы на работающий сервер и выполняю num run build, отмечая, что работает с buefy и vue -select.

Примечание: остальное все CSS отлично работает

Localhost

enter image description here

Производство

enter image description here

И это не только компонент автозаполнения, ни один из компонентов buefy не работает, Radio Buttons, Calender et c.

Немного руководство будет оценено. Спасибо

1 Ответ

0 голосов
/ 20 января 2020

На сегодняшний день Buefy официально поддерживает Nuxt. Вместо того, чтобы импортировать buefy css внутри nuxt.config.js и создавать новый плагин, вы можете использовать nuxt-модуль .

Если вы создаете новый проект Nuxt с использованием create-nuxt-app, вы можете выбрать добавление Buefy в качестве инфраструктуры пользовательского интерфейса.

Если у вас есть существующий проект nuxt, вы можете просто установить модуль nuxt-buefy вручную:

npm i nuxt-buefy

nuxt.config. js

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