如何解决前端引入DataV数据大屏后报错

原创

已于 2024-12-15 21:46:37 修改 · 633 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2024-11-10 16:26:29 首次发布

介绍 | DataV (网址)

问题背景：

在vue3+vite的项目中引入DataV之后运行报错，报错示例如下

排错1

最起初了解到的解决方法,在vite.config.ts中进行datav的配置（部分人配置可解决，配置后不可解决）,配置完成后仍然无法解决


export default defineConfig({
  //下方代码解决引入datav可视化大屏后报错
  optimizeDeps: {
    // 开发时 解决这些commonjs包转成esm包
    include: [
      "@jiaminghi/c-render",
      "@jiaminghi/c-render/lib/plugin/util",
      "@jiaminghi/charts/lib/util/index",
      "@jiaminghi/charts/lib/util",
      "@jiaminghi/charts/lib/extend/index",
      "@jiaminghi/charts",
      "@jiaminghi/color",
    ],
&nbs