vite打包出现"default" is not exported by "node_modules/...问题解决
项目场景:
vue3+ts+vite项目打包
问题描述
error during build:
RollupError: "default" is not exported by "node_modules/vue/dist/vue.runtime.esm-bundler.js", imported by "node_modules/@kangc/v-md-editor/lib/codemirror-editor.js".
at error (file:///D:...
原因分析:
vite不支持commonjs语法,需要使用@rollup/plugin-commonjs插件,用于将CommonJS模块转换为ES6模块的Rollup插件。
解决方案:
1.安装@rollup/plugin-commonjs插件
npm i @rollup/plugin-commonjs
2.在vite.config.ts配置中添加该插件,注意commonjs()必须在上面,否则可能不生效,我排查了老半天
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import commonjs from '@rollup/plugin-commonjs';//引入commojs
export default defineConfig({
plugins: [
commonjs() as any,
vue(),
],
}总结
到此这篇关于vite打包出现"default" is not exported by "node_modules/...问题解决的文章就介绍到这了,更多相关vite打包问题解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
这篇文章主要介绍了Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-04-04
Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)
文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一些配置项,如格式化表头日期、设置甘特图尺寸、启用只读模式、设置表格列等,感兴趣的朋友一起看看吧2025-02-02
Vue项目el-upload 上传文件及回显照片和下载文件功能实现
本次需求是上传多种固定格式的文件,且回显的时候,图片可以正常显示,文件可以进行下载,主要采用element的el-upload组件实现,对Vue项目el-upload 上传文件及回显照片和下载文件功能实现感兴趣的朋友跟随小编一起看看吧2023-12-12


最新评论