使用vite构建React应用时遇到的Axios相关错误

Question

Axios在生产环境中工作得很完美，但在构建应用程序时出现了这个错误。

> react-app@0.0.0 build
> vite build

vite v4.4.7 正在为生产环境构建...
✓ 118 个模块已转换。
✓ 1.88s 内构建完成
[commonjs--resolver] C:/Users/application/client/node_modules/axios/lib/utils.js 中出现意外的标记 (714:2)
文件: C:/Users/application/client/node_modules/axios/lib/utils.js:714:2
712:   toFiniteNumber,
713:   findKey,
714:   {}: _global,
       ^
715:   isContextDefined,
716:   ALPHABET,
构建过程中发生错误:
SyntaxError: C:/Users/application/client/node_modules/axios/lib/utils.js 中出现意外的标记 (714:2)
    at pp.raise

尝试更新npm，删除node模块并重新安装依赖项，以及更新包括axios在内的所有依赖项。

Answer 1

在你的vite.config.js中添加以下内容：

define: { _global: ({}), }

这将把你的全局对象定义为一个空对象。

vite配置文件的这部分执行了搜索和替换操作，你的构建工具似乎无法找到你项目中的_global的定义（我猜测它可能是window、global节点对象等，因为axios是一个可以在浏览器和服务器上都运行的库）

另外，根据你的构建目标，删除vite.config文件中的_global定义也可能解决你的问题。我没有足够的信息来帮助你进一步，以上只是我根据你的错误信息的假设。提供你的vite配置节点版本等信息可能会有帮助。