javascript - vue-chartjs无法从vue导入数据

Question

编译我的 Vue 2 项目后出现此错误:

Failed to compile.

./node_modules/vue-chartjs/dist/index.js 85:11-26
"export 'defineComponent' was not found in 'vue'

上面文件中导致此行为的行是:

import { defineComponent, shallowRef, ref, watch, onMounted, onBeforeUnmount, toRaw, h, isProxy } from 'vue';

所有这些导入都会导致相同的错误。这发生在我将 vue-chartjs 从版本 3.5.1 升级到版本 4.1.1 之后(在它完美运行之前)。我正在寻找可能导致此问题的想法。

使用的依赖版本为:

- "chart.js": "^3.8.0"
- "vue": "^2.6.14"
- "vue-chartjs": "^4.1.1"

很遗憾，我无法提供片段。这仅发生在工作中正在使用的项目上。如果我在一个干净的项目上尝试这个，它会完美地编译。互联网上几乎没有关于 Vue 的信息，所以我只是在寻找任何想法。

任何您能想到的可能导致此问题的情况，请分享。即使是最愚蠢的想法也可能有所帮助，我已经在互联网上搜索了好几天，但找不到任何东西。这变得非常令人沮丧，我只想升级 chart.js，这花了我好几天的时间，哈哈。

Answer 1

我猜你正试图像这样导入库:

import { Bar } from 'vue-chartjs'

这对您不起作用，因为您使用的是 Vue2。要将 Vue 包装器与 Vue2 一起使用，您需要从 'vue-chartjs/legacy' 导入。在这里，他们支持 Vue V2，然后您的应用程序应该可以正常编译。

为您正确导入:

import { Bar } from 'vue-chartjs/legacy'

来自他们的 readme