在 React router dom v6.4 库中构建用于生产抛出错误的 React 应用程序

Question

该应用程序是使用 Vite 构建的，它是一个基于 React ts 的应用程序。 该项目在开发模式下正常运行，但是当尝试使用npm run build用于生产的应用程序时，出现以下错误。 我真的不想将 react-router-dom 版本降级到 6.4 以下

 [commonjs--resolver] Unexpected token (656:59) in /Users/sanketsaha/Work/School/TulipApp/node_modules/react-router-dom/dist/index.js file: /Users/sanketsaha/Work/School/TulipApp/node_modules/react-router-dom/dist/index.js:656:59 654: 
 655:     if (typeof document === "undefined") { 656:       throw new Error("You are calling submit during the server render. " + "Try calling submit within a `useEffect` or callback instead.");
                                                                    ^ 657:     } error during build: SyntaxError: Unexpected token (656:59) in /Users/sanketsaha/Work/School/TulipApp/node_modules/react-router-dom/dist/index.js
        at pp$4.raise (file:///Users/sanketsaha/Work/School/TulipApp/node_modules/rollup/dist/es/shared/rollup.js:20114:13)
        at pp$9.unexpected (file:///Users/sanketsaha/Work/School/TulipApp/node_modules/rollup/dist/es/shared/rollup.js:17415:8)

有人可以在这里指导我吗？ 无法解决错误。

Answer 1

我能够解决错误。 由于vite.config.ts中的服务器配置而遇到。 将从 dist 文件夹中获取 static 页。