Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Laravel 如何安装vue chartkick并在我的组件中使用它?_Laravel_Vue.js_Chart.js - Fatal编程技术网

Laravel 如何安装vue chartkick并在我的组件中使用它?

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

我正在与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',
    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安装程序),然后在