vite打包出现"default" is not exported by "node_modules/...问题解决

 更新时间:2023年11月28日 10:05:09   作者:AB12543  
这篇文章主要给大家介绍了关于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实现简单购物车功能

    Vue实现简单购物车功能

    这篇文章主要为大家详细介绍了Vue实现简单购物车功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • Vue通过vue-router实现页面跳转的全过程

    Vue通过vue-router实现页面跳转的全过程

    这篇文章主要介绍了Vue通过vue-router实现页面跳转的操作步骤,文中有详细的代码示例和图文供大家参考,对大家的学习或工作有一定的帮助,感兴趣的朋友可以参考下
    2024-04-04
  • 关于TypeScript的踩坑记录

    关于TypeScript的踩坑记录

    这篇文章主要介绍了关于TypeScript的踩坑记录,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • Vue3与pywebview实现获取本地文件夹的绝对路径

    Vue3与pywebview实现获取本地文件夹的绝对路径

    这篇文章主要为大家详细介绍了Vue3如何结合pywebview实现获取本地文件夹的绝对路径,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2024-11-11
  • Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

    Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

    这篇文章主要介绍了Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • vue element input如何让浏览器不保存密码

    vue element input如何让浏览器不保存密码

    这篇文章主要介绍了vue element input如何让浏览器不保存密码问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue-pdf实现pdf在线预览并实现自定义预览框高度

    vue-pdf实现pdf在线预览并实现自定义预览框高度

    这篇文章主要介绍了vue-pdf实现pdf在线预览并实现自定义预览框高度方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

    Vue项目的甘特图组件之dhtmlx-gantt使用教程和实现效果展示(推荐)

    文章介绍了如何使用dhtmlx-gantt组件来实现公司的甘特图需求,并提供了一个简单的Vue组件示例,文章还分享了一些配置项,如格式化表头日期、设置甘特图尺寸、启用只读模式、设置表格列等,感兴趣的朋友一起看看吧
    2025-02-02
  • Vue项目el-upload 上传文件及回显照片和下载文件功能实现

    Vue项目el-upload 上传文件及回显照片和下载文件功能实现

    本次需求是上传多种固定格式的文件,且回显的时候,图片可以正常显示,文件可以进行下载,主要采用element的el-upload组件实现,对Vue项目el-upload 上传文件及回显照片和下载文件功能实现感兴趣的朋友跟随小编一起看看吧
    2023-12-12
  • 使用vue.js在页面内组件监听scroll事件的方法

    使用vue.js在页面内组件监听scroll事件的方法

    今天小编就为大家分享一篇使用vue.js在页面内组件监听scroll事件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09

最新评论