Блог

Главная - Вопросы по программированию - Я не могу отображать результаты своей веб-страницы при запуске сервера после использования chartkick в моем проекте vuejs (с использованием vue3)

Я не могу отображать результаты своей веб-страницы при запуске сервера после использования chartkick в моем проекте vuejs (с использованием vue3)

#vue.js #npm #vuetify.js #vuejs3 #chartkick

Вопрос:

Я использую chartkick внутри проекта vuejs, поэтому я запускаю следующую команду: npm install vue-chartkick chart.js , а затем в main.js Я поместил следующие инструкции:

 import VueChartkick from 'vue-chartkick'
import 'chartkick/chart.js'

app.use(VueChartkick)

Но я не могу показать результаты моего веб-приложения при запуске сервера есть ли кто-нибудь, кто знает, как это исправить здесь код main.js

 import App from './App.vue'
import router from './router'
import vuetify from './plugins/vuetify';
import VueChartkick from 'vue-chartkick'
import 'chartkick/chart.js'

App.use(VueChartkick)

Vue.config.productionTip = false

new Vue({
  router,
  vuetify,
  render: h => h(App)
}).$mount('#app')

Я попытался проверить это:

 <line-chart :data="{'2017-05-13': 2, '2017-05-14': 5}"></line-chart>

Комментарии:

1. Ваш код смешивает коды Vue 2 и Vue 3 (даже если он помечен vuejs3 ). Можете ли вы поделиться ссылкой на Codesandbox, в которой воспроизводится проблема? Ваши усилия по созданию этого воспроизведения могут выявить ошибку и помочь вам решить проблему самостоятельно.

2. тони прав. Если вы используете vue3, вам необходимо импортировать chartkick с помощью этого оператора: app.use(Chartkick.use(Chart)) Ознакомьтесь с документацией > Обновление>

Метки: