react + vite 本地启动入口文件报错main.tsx:16 Uncaught ReferenceError: require is not defined

来自东北的大黑猫

于 2025-03-11 17:33:27 发布

阅读量200

点赞数 1

文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/qq_16858683/article/details/146184830

版权

定位到require("core-js/modules/es.array.index-of.js")

错误示范：

之前一直以为是三方依赖和项目使用的core-js的版本冲突导致的，后来都改成一致的发现也无法解决。

正确案例：

后来发现Vite默认使用ES模块规范（ESM），应该是第三方依赖使用了CommonJS模块语法（require）

安装了CommonJS转换插件

npm install @originjs/vite-plugin-commonjs -D

配置vite.config.ts

import { defineConfig } from 'vite'
import {viteCommonjs} from '@originjs/vite-plugin-commonjs'

export default defineConfig({
  plugins: [
    viteCommonjs()
  ]
})

OK 了！