主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错，

网上查询说

        当我们在使用rollup编译es6时，可能会遇到以下报错问题，需要

• 安装@rollup/plugin-commonjs插件

  npm install @rollup/plugin-commonjs

• 最后，修改vite.config.js文件中写入以下代码即可

  import commonjs from '@rollup/plugin-commonjs'

   

  plugins: [

     commonjs(),

  ]

   

  但是不管用，且npm i时生成的node_modules包已经包含rollup/plugin-commonjs插件了

  解决方法是修改node_modules包中的两个地方

  1、修改项目路径中的node_modules\@dataview下的package.json中

   "module": "./es/index.mjs",如下图，之前的是"module": "./es/index.js"，文件类型改为mjs

  

  2、修改项目路径中的node_modules\relation-graph文件夹下package.json中的

  "main": "vue3/relation-graph.umd.js",

    "module": "vue3/relation-graph.mjs",

    "unpkg": "vue3/relation-graph.umd.js",

    "types": "vue3/types/index.d.ts",

  这四处都改为vue3,之前使用的是vue2