使用vite构建React应用时遇到的Axios相关错误
P粉675258598
P粉675258598 2024-04-05 13:20:02
0
1
493

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在内的所有依赖项。

P粉675258598
P粉675258598

全部回复(1)
P粉477369269

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

define: { _global: ({}), }

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板