未捕获的 ReferenceError：使用 vite 预览进行反应预览时未定义要求答案

【问题标题】：Uncaught ReferenceError: require is not defined while doing preview of react using vite preview未捕获的 ReferenceError：使用 vite 预览进行反应预览时未定义要求
【发布时间】：2022-10-06 23:46:21
【问题描述】：

我在反应项目中使用vite 3.0.0 版和@vitejs/plugin-react 2.0.0 版。

vite.conf.js -

import {defineConfig} from \'vite\'
import react from \'@vitejs/plugin-react\'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  build: {
    outDir: \'build\',
  },
})

当我尝试使用 vite preview 命令预览网站时，出现以下错误 -

未捕获的 ReferenceError：未定义要求在 index.aef3ad2c.js:346:199702 在 index.aef3ad2c.js:1:142 在 index.aef3ad2c.js:368:141758

此外，当我尝试查看错误行时，我看到 -

我尝试使用 npm list crypto-js 找出哪个包正在使用 crypto-js 它返回空，如 -

我尝试多次删除 node_modules 并重新安装软件包，但仍然无法正常工作！

我也尝试过使用@originjs/vite-plugin-commonjs，比如 -
import {defineConfig} from \'vite\'
import react from \'@vitejs/plugin-react\'
import {viteCommonjs, esbuildCommonjs} from \'@originjs/vite-plugin-commonjs\'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [viteCommonjs(), react()],
  build: {
    outDir: \'build\',
  },
  esbuildOptions: {
    plugins: [esbuildCommonjs([\'react-s3\'])],
  },
})
请帮我找出原因和可能的转机！！！

系统信息
System:
    OS: Windows 10 10.0.19044
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 3.31 GB / 15.79 GB
  Binaries:
    Node: 16.17.0 - C:\\Program Files\\nodejs\\node.EXE
    npm: 8.16.0 - ~\\AppData\\Roaming\\npm\\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.62)
  npmPackages:
    @vitejs/plugin-react: ^2.0.0 => 2.0.1
    vite: ^3.0.0 => 3.0.8
用过的包管理器

npm

标签： javascript reactjs bundler vite

【解决方案1】：

在为生产构建提供服务时，我面临同样的问题。

【讨论】：