使用 Vue-chartJS 和 Webpack 的控制台出错

Question

我使用 NPM 安装了 vue-chartjs 并添加了 chart.js

当我运行npm start 时，我的服务器已启动，但在浏览器控制台中出现错误

TypeError: __WEBPACK_IMPORTED_MODULE_0_vue_chartjs__.Doughnut.extend is not a function

我不确定这是什么意思。我重新安装了所有软件包，还使用npm install vue-chartjs单独安装了这个软件包

Answer 1

你能展示你的组件代码吗？网络包 3 ? 使用 vue-chartjs 版本 3，您必须以这种方式创建组件：

import {Doughnut} from 'vue-chartjs

export default {
   extends: Doughnut,
   mounted () {
     this.renderChart(data, options)
   }
}