资讯动态

webpack 与axios 版本冲突问题

发布时间:2026/10/5 7:32:38 来源:尧图企业网站定制
这个报错与刚才的 Webpack 版本冲突完全不同这是一个语法兼容性问题。❓ 报错原因分析报错信息显示Module parse failed: Unexpected token (30:37)并指向了const globalObject utils.global ?? globalThis;这一行代码。核心问题??是 JavaScript 中的Nullish Coalescing Operator空值合并操作符属于 ES2020 语法。深层原因你当前的项目环境Node.js 版本或 Webpack/Babel 配置不支持 ES2020 语法。Webpack 默认的 JavaScript 解析器通常是 Babel 或内置的 parser遇到了它不认识的??符号因此报错。触发点axios库的最新版本开始使用了较新的 JS 语法但你的构建工具链Webpack 4 Babel 7没有配置去处理这些新语法。✅ 解决方案这里有三种解决方法推荐按顺序尝试 方案一升级 Babel 配置最推荐保留新语法支持如果你的项目中有.babelrc或babel.config.js文件请确保安装了支持 ES2020 的 preset。安装依赖npm install --save-dev babel/preset-env修改 Babel 配置 确保你的 Babel 配置文件中包含babel/preset-env并设置targets以支持现代浏览器或你的 Node.js 版本。{ presets: [ [babel/preset-env, { targets: { node: current // 或者指定一个较新的版本如 14 } }] ] } 方案二降级 Axios最快最稳定因为 Webpack 4 的生态相对较旧最新版的axios可能使用了 Webpack 4 默认配置无法解析的语法。将其降级到一个更稳定的旧版本通常能直接解决问题。卸载当前版本npm uninstall axios安装兼容版本例如 v0.27.2npm install axios0.27.2注意v0.27.x 系列是 Axios 最后一个广泛兼容 Webpack 4 和旧版 Node.js 的版本。 方案三升级 Node.js 版本报错中的globalThis和??是较新的 JS 特性。如果你的 Node.js 版本过低例如低于 14.x即使 Webpack 配置正确也可能无法运行。检查当前 Node 版本node -v如果版本低于v14建议升级到LTS 版本如 v16 或 v18。 总结报错含义Webpack 遇到了不认识的??语法ES2020。推荐操作先尝试方案二降级 Axios这是解决 Webpack 4 项目引入新库报错最快的方法。如果不行再检查 Node.js 版本。

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑