Пользовательский интерфейс элемента не работает после создания проекта для производства в проекте Nuxt Js

У меня есть проект Nuxt (универсальный режим). Когда я запускаю npm run build, а затем npm run start, все отлично, за исключением того, что компоненты пользовательского интерфейса Element не работают.

Как включить элемент пользовательского интерфейса в свой проект?

у меня есть файл element-ui.js внутри каталога plugins.

import Vue from 'vue'
import { 
  Dialog, 
  Button, 
  Form,
  FormItem,
  Input,
  Notification,
  Message,
 } from 'element-ui';
import '~/assets/scss/app.scss'

export default () => {
  Vue.use(Dialog)
  Vue.use(Button)
  Vue.use(Form)
  Vue.use(FormItem)
  Vue.use(Input)
}

Vue.prototype.$notify = Notification;
Vue.prototype.$message = Message;

Я импортирую все стили пользовательского интерфейса элементов в свой app.scss следующим образом: @import "~element-ui/packages/theme-chalk/src/index";

а затем app.scss включается выше, вы можете видеть.

Затем в nuxt.config.js у меня есть это:

  plugins: [
    { src: "~/plugins/element-ui", ssr: false }
  ],

В режиме разработки все ок. В чем может быть дело?


vue.js nuxt.js vuejs2 element-ui
person TrueCode    schedule 29.07.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам не нужно использовать export default

import Vue from 'vue'
import Element from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'

// Fully import
// Vue.use(Element, { locale })

// On demand
Vue.use(Button, { locale })
Vue.use(Input, { locale })
person sugars    schedule 30.07.2020
comment
Спасибо за ответ, но удаление экспорта по умолчанию ничего не изменило. В разработке все хорошо, но когда я его строю, он ломается :( - person TrueCode; 30.07.2020