gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 01:34:12 25 4
gpt4 key购买 nike

编译我的 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,这花了我好几天的时间,哈哈。

最佳答案

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

import { Bar } from 'vue-chartjs'

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

为您正确导入:

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

来自他们的 readme

关于javascript - vue-chartjs无法从vue导入数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72773799/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com