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，我花了好几天时间，lol。

Answer 1

我想您正试图像这样导入库：

import { Bar } from 'vue-chartjs'

由于您使用的是Vue2，所以这不会对您起作用。要在Vue2中使用Vue包装器，您需要从'vue-chartjs/legacy'导入。在这里，它们支持Vue V2，然后您的应用程序应该编译得很好。

为您正确进口：

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

从他们的自述文件开始

Answer 2

此错误通常来自于您使用的是特定于Vue3的版本。正如这里所解释的：“导出‘默认’(导入为'Vue')在'vue‘中找不到

通过查看vue-chartjs的发布页面，我们可以看到v4.0.0在迁移到Vue3：https://github.com/apertureless/vue-chartjs/releases/tag/v4.0.0时发生了急剧的变化。

因此，为什么v4会造成这样的问题。如果您使用v3.5.1 (2020年8月22日)或更低，请继续使用Vue2。