- 使用
npm i @jiaminghi/data-view // 在main.js中全局引入 import dataV from '@jiaminghi/data-view' app.use(dataV)
- 启用后报错
[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"
],
},
就可以解决问题