Laravel 如何安装vue chartkick并在我的组件中使用它?
我正在与Laravel一起使用Laravel 如何安装vue chartkick并在我的组件中使用它?,laravel,vue.js,chart.js,Laravel,Vue.js,Chart.js,我正在与Laravel一起使用vue chartkick。我按照程序安装了它 npm install vue-chartkick chart.js 然后,在resources/js/app.js中: import Chartkick from 'vue-chartkick' import Chart from 'chart.js' Vue.use(Chartkick.use(Chart)) ... const app = new Vue({ el: '#app', rou
vue chartkick
。我按照程序安装了它
npm install vue-chartkick chart.js
然后,在resources/js/app.js
中:
import Chartkick from 'vue-chartkick'
import Chart from 'chart.js'
Vue.use(Chartkick.use(Chart))
...
const app = new Vue({
el: '#app',
router: router,
vuetify: new Vuetify()
});
然后,当我将
放入组件时,javascript控制台中出现以下错误:
[Vue warn]: Unknown custom element: <line-chart> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <Dashboard> at resources/js/components/backend/Dashboard.vue
<VApp>
<Root>
[Vue warn]:未知自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“name”选项。
发现于
--->位于resources/js/components/backend/Dashboard.vue
注册组件的正确方法是什么?只需使用chart.js版本2.9和vue chartkick 0.6.1即可
npm install vue-chartkick@0.6.1 chart.js@2.9 --save
并在app.js中导入,如下所示:
import {Chart} from 'chart.js'
import Chartkick from 'vue-chartkick'
Vue.use(Chartkick.use(Chart));
我在Fastapi中使用了Chartkick。我努力在后端实现它(没有npm安装程序),然后在