vue3 vite 打包出现"default" is not exported by "node_modules/raf/index.js"

image.png

原因分析：vite不支持commonjs语法。

解决办法：需要使用 @rollup/plugin-commonjs 插件，用于将CommonJS模块转换为ES6模块的Rollup插件。

1、安装 @rollup/plugin-commonjs 插件

npm i @rollup/plugin-commonjs

vite.config.js

import commonjs from '@rollup/plugin-commonjs'
...
plugins: [
    commonjs(), // 放在vue上面 否则不生效
    vue(),
    vueJsx(),
    requireTransform({
      fileRegex: /.js$|.vue$|.json$/
    })
  ],
...