Vite项目：npm run dev正常运行但build渲染时出现TypeError

本地执行npm run dev时项目运行正常，但执行npm run build构建生产版本后，通过npm run preview预览时页面无法加载，仅显示白屏，同时出现如下JS错误：

项目配置文件 #

package.json 中的 scripts 配置 #

"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d dist",
  "dev": "vite",
  "build": "vite build",
  "preview": "vite preview"
}

vite.config.js 配置 #

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

// https://vitejs.dev/config/
export default defineConfig({
  base: "./",
  plugins: [react()]
})

错误截图 #

内容的提问来源于stack exchange，提问作者Chiranjeev Jain