首页 前端知识 前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by

前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by

2024-02-10 19:02:32 前端知识 前端哥 459 804 我要收藏

主要原因是由于用到的组件进行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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/1660.html
标签
评论
发布的文章

jQuery&layui

2024-02-24 15:02:18

HTML/CSS JavaScript jQuery

2024-02-24 15:02:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!