Плагины Nuxt не работают после сборки (используйте apexchart) - PullRequest
Новая
       24

Плагины Nuxt не работают после сборки (используйте apexchart)

1 голос
/ 10 ноября 2019

Я использую диаграмму апекса в nuxt
и применяю плагины с моим кодом
, это работает в режиме разработки 

cross-env NODE_ENV=development HOST=0.0.0.0 PORT=3000 nodemon server/index.js --watch server

, но не работает в исходном коде сборки 

nuxt build && cross-env NODE_ENV=production HOST=0.0.0.0 PORT=80 node server/index.js


Вот мои коды

plugins / vue-apexchar.js 

import Vue from 'vue'
import VueApexCharts from 'vue-apexcharts'

Vue.component('VueApexCharts', VueApexCharts);


nuxt.config.js 

plugins: [
    { src : '~/plugins/vue-apexchart.js', ssr : false },
],
build: {
  vendor : [
     'vue-apexchart'
  ]
}


weekChart.vue 

<VueApexCharts max-width="300" type="area" :options="chartOptions" :series="series"></VueApexCharts>

эти коды работают в режиме разработки, но не работают файлы сборки
Мне нужны ваши подсказки для решения этой проблемы
Пожалуйста, помогите мне
Вотмой исходный код> https://github.com/zoz0312/Nuxt_Blog

1 Ответ

3 голосов
/ 10 ноября 2019 
<client-only>
    <MY COMPONENT/>
</client-only>

Использование тега «только для клиента» решило эту проблему

"Этот компонент используется для преднамеренной визуализации компонента только на стороне клиента."
мои плагины работают только на стороне клиента, поэтомуиспользовать эти теги, я могу решить эту проблему

...