react vite使用require报错
时间: 2024-03-02 17:24:23 浏览: 254
vite-react-tailwind-starter:初学者使用Vite + React + Tailwind CSS 2
React Vite 默认使用 ES Modules,而 `require` 属于 CommonJS 规范,所以在 React Vite 中使用 `require` 会报错。可以尝试使用 `import` 替代 `require`,或者在 Vite 配置文件中添加 `commonjs` 插件来支持 CommonJS 规范。
具体操作步骤如下:
1. 安装 `@vitejs/plugin-commonjs` 插件:
```
npm install @vitejs/plugin-commonjs -D
```
2. 在 `vite.config.js` 中配置插件:
```js
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import commonjs from '@vitejs/plugin-commonjs';
export default defineConfig({
plugins: [
react(),
commonjs(), // 配置 commonjs 插件
],
});
```
这样就可以在 React Vite 中使用 `require` 了。
阅读全文