ve3组合API从第三方库导入组件不工作

Question

我试图从第三方API导入一个组件到我的vue 3项目，但我不能使它运行，因为它说没有未使用的变量。当我将它添加到组件属性时，它在ve2中工作，但由于html标记与导入的编写方式不同，因此无法在V3中工作。

如何处理这种情况在vue3组合API?

<script setup lang="ts">
import { reactive, ref, onMounted } from "vue";
import TradingVue from "trading-vue-js";      //trying to get this imported
type Stream = { market: string; timeframe: string };
let state = reactive({
streams: <Stream[]>[],
data: {
ohlcv: [
[1551128400000, 33, 37.1, 14, 14, 196],
[1551132000000, 13.7, 30, 6.6, 30, 206],
[1551135600000, 29.9, 33, 21.3, 21.8, 74],
[1551139200000, 21.7, 25.9, 18, 24, 140],
[1551142800000, 24.1, 24.1, 24, 24.1, 29],
],
},
});
async function getOHLCV() {
const response = await (
await fetch(
"http://localhost:3000/stream/ohlcv/" +
state.streams[0].market +
"/" +
state.streams[0].timeframe
)
).json();
}
onMounted(async function () {
const response = await (await fetch("http://localhost:3000/stream")).json();
state.streams = response;
await getOHLCV();
});
</script>
<template><trading-vue :data="state.data.ohlcv"></trading-vue></template>

Answer 1

总的来说，库是不维护的，它是在repo本身声明的

TradingVue.js是一个可供交易员破解的图表库。你可以在烛台图上画任何东西。(不是维护)

所以，是的，如果你对Vue3有一些问题，这甚至不是一个惊喜。

您当前面临的问题与包本身没有直接关系，但该包总体上不是一个好主意。不妨试一试那些替代方案。

或者尝试一下这个图表部分。没有必要花更多的时间在那个包上，因为它没有维护。