一. 问题

在 Vue 项目中引入 VisActor 时，报：please specify container or renderCanvas!

具体错误信息如下：

App.vue:13 Error: please specify container or renderCanvas!
    at Object.onError (vchart.js:246:15)
    at new VChart (vchart.js:296:572)
    at init (index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&setup=true&lang=js:37:22)
    at setup (index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&setup=true&lang=js:44:5)
    at callWithErrorHandling (runtime-core.esm-bundler.js:387:19)
    at setupStatefulComponent (runtime-core.esm-bundler.js:7161:25)
    at setupComponent (runtime-core.esm-bundler.js:7122:36)
    at mountComponent (runtime-core.esm-bundler.js:4835:7)
    at processComponent (runtime-core.esm-bundler.js:4813:9)
    at patch (runtime-core.esm-bundler.js:4488:11)

二. 产生原因

这个报错是由不正确的 VChart 调用时机导致的。

三. 解决方法

将代码放在 onMounted 中执行：

onMounted(() => {
  // 代码执行
})