Reac+vite t打包部署后报错: require is not defined?

Question

React+Antd打包部署之后报错： ReferenceError: require is not defined
看错误信息应该是react-dom文件里用到了require，但是路由好像没问题，是点击按钮的时候报错了，整个页面不能看
错误信息截图：

vite.config.js代码：

import { defineConfig,splitVendorChunkPlugin } from 'vite'
import react from '@vitejs/plugin-react-swc'
import { resolve } from "path"
import { theme } from 'antd';
import lessToJs from 'less-vars-to-js';
import { readFileSync } from 'fs'
import svgr from "vite-plugin-svgr";

const { defaultAlgorithm, defaultSeed } = theme;
const varLessPath = "./theme/var.less"
const mapToken = defaultAlgorithm(defaultSeed);
const varLessStr = readFileSync(varLessPath, 'utf-8')
const customVarLessJson = lessToJs(varLessStr, { resolveVariables: true, stripPrefix: true });
const prefixBase=process.env.ITLA_IMH_VIEW_ROUTERBASE;


//https://vitejs.dev/config/
export default defineConfig({
  base: prefixBase,
  build: {   
    assetsDir:'statics',
    rollupOptions: {
      input: {
        // 配置所有页面路径，使得所有页面都会被打包
        index: resolve(__dirname,'index.html')
      },
      output:{
        dir:'build',
        //file:'[name].html'
      }
    },
    sourcemap:true
  },
  define: {
    CUSTOMVARLESSDATA: `${JSON.stringify(customVarLessJson)}`
  },
  plugins: [
    // ReactRouterGenerator({
    //   outputFile: resolve(".", "./src/router/auto.jsx"),
    //   isLazy: true,
    //   comKey: "components"
    // }),
    react(),
    splitVendorChunkPlugin(),
    svgr({include: "**/*.svg?react",})
  ],
  resolve: {
    alias: {
      "@": resolve(".", "./src"),
      "~": resolve(".", "./node_modules")
    },
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', ".less",".jsonc"]
  },
  css: {
    preprocessorOptions: {
      less: {
        modifyVars: { ...mapToken, ...customVarLessJson },
        javascriptEnabled:true,
      },
    },
    modules:{
      localsConvention:"camelCase",
      generateScopedName:'[name]_[local]_[hash:6]',
      //globalModulePaths:['./theme/*.scss']
    }
  },
  server: {
    port: 3187,
    open: false,
    host: true,
    proxy: {
      '^/api/imh': {
        // target: "http://localhost:8088",
        //target: "http://10.14.0.26:8088",
        //target: "http://10.14.0.147:8088",
        //target: "http://10.14.0.116:8088",
        //target: "http://192.168.120.11:8811",
        target: "http://10.14.0.61:8812",
        //target: "http://10.14.0.223:9999",
        //target: "http://192.168.120.11:8812",
        changeOrigin: true,
        rewrite: (path) => {
          return path.replace("/api/imh", "/imh")
        }
      },
    },
  },
  envPrefix: "ITLA_IMH_VIEW_",
})

期望消除错误

Answer 1

按钮的点击回调中，你做了什么？贴出来看看