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打包问题解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！