vue3+vite项目使用dataV数据可视化启动报错问题

343 阅读1分钟
  1. 使用 npm i @jiaminghi/data-view // 在main.js中全局引入 import dataV from '@jiaminghi/data-view' app.use(dataV)
  2. 启用后报错 [plugin:vite:vue] <template v-for> key should be placed on the <template> tag. D:/webXjk/测试用的/vueviteproject/node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue:9:9 7 | > 8 | <rect 9 | :key="i" | ^ 这是vue3中v-for里面,key必须和v-for写一个标签上;找到报错的文件把可以剪切到和v-for一个标签上即可,我自己修改了两个文件

3.再启动依然报错 Uncaught SyntaxError: The requested module '/node_modules/@jiaminghi/c-render/lib/index.js?v=d94b69d5' does not provide an export named 'default'

这个需要vite.config.ts中配置

optimizeDeps: {
    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"
    ],
  },

就可以解决问题