由网友(安逸)分享简介:我在尝试使 vue-chartjs 工作时收到此错误./node_modules/vue-chartjs/es/BaseCharts.js 中的 WARN在chart.js"中找不到导出默认"(导入为图表")还有这个在 devtools 中:TypeError: chart_js__WEBPACK_IMPORTED_...![vue中引入echart.js报错](https://p.xsw88.cn/allimgs/daicuo/20230907/5407.png)
我在尝试使 vue-chartjs 工作时收到此错误
./node_modules/vue-chartjs/es/BaseCharts.js 中的 WARN在chart.js"中找不到导出默认"(导入为图表")
还有这个在 devtools 中:
TypeError: chart_js__WEBPACK_IMPORTED_MODULE_0__.default 不是构造函数
重建步骤:
使用以下命令创建 nuxt 应用:$ yarn create nuxt-app <project_name>
用 $ yarn add vue-chartjs chart.js 添加 vue-chartjs
根据 vue-chartjs 文档添加以下代码![vue中引入echart.js报错](https://p.xsw88.cn/allimgs/daicuo/20230907/5407.png)
~/components/BarChart.js
从 'vue-chartjs' 导入 { Bar }导出默认{延伸:酒吧,道具:['数据','选项'],挂载(){this.renderChart(this.data, this.options)},}
~/pages/index.vue
<模板><div 类=容器">
相关推荐
最新文章