Vite.js + React：超出最大调用堆栈大小

Question

我正在将使用 CRA 创建的大型应用程序迁移到 Vite.js

\n

我按照本指南使用现有应用程序配置新的捆绑器，现在运行开发服务器时一切看起来都很好。

\n

但是，当尝试编译生产版本时，我遇到以下错误：

\n

vite v2.6.14 building for production...\n\xe2\x9c\x93 162 modules transformed.\n[vite:react-jsx] unknown: Maximum call stack size exceeded\nfile: /Users/matteocarpi/Documents/Web/philip-morris/aws-amplify-multi-tenant/node_modules/react-i18next/dist/es/Trans.js\nerror during build:\nRangeError: unknown: Maximum call stack size exceeded\n    at getJSXProps (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/vite-react-jsx/dist/cjs/babelRestoreJsx.js:79:29)\n    at getJSXNode (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/vite-react-jsx/dist/cjs/babelRestoreJsx.js:31:23)\n    at PluginPass.CallExpression (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/vite-react-jsx/dist/cjs/babelRestoreJsx.js:165:30)\n    at newFn (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/visitors.js:177:21)\n    at NodePath._call (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/path/context.js:53:20)\n    at NodePath.call (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/path/context.js:40:17)\n    at NodePath.visit (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/path/context.js:100:31)\n    at TraversalContext.visitQueue (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/context.js:103:16)\n    at TraversalContext.visitQueue (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/context.js:109:21)\n    at TraversalContext.visitQueue (/Users/matteocarpi/Documents/Web/aws-amplify-multi-tenant/node_modules/@babel/traverse/lib/context.js:109:21)\n

\n

我知道这与 Babel 和 i18next 有关，但我有点困惑具体问题是什么。

\n

有关如何进一步调试的任何提示？

\n

提前致谢，

\n

中号

\n

Answer 1

.env 已知问题

对于那些仍然面临问题的人来说， motdotla/dotenv-expand包（由 Vite 使用）存在一个与文件中重复变量名称相关的已知问题.env。

为 vite 开放的问题：https ://github.com/vitejs/vite/issues/13399

当一个变量引用另一个同名变量时会发生错误，因此请检查.env文件中是否有重复的名称。

这有效：

// .env

APP_NAME=$NAME

这打破了：

// .env

APP_NAME=$APP_NAME

or

APP_NAME="${APP_NAME}"