如何解决 Unexpected token =

背景

最近一次上线，移动端webview中H5抛错，Uncaught SyntaxError: Unexpected token =。但是实际项目，并没有相关的改动。下面来说一下具体的排查思路

排查过程

1.将产物给文件，整个给 AI 2.然后说一下具体的错误栈，和源码文件 3.AI 吐出原因 4.AI修复

从暴露问题，到解决问题，在10几分钟左右

具体原因

webpack 最近升级之后打包产物的第一句

(globalThis.webpackChunkarco_design_pro||=[]).push(）

这里的 ||= 是“逻辑或赋值运算符”。旧版 Android WebView 不支持该语法，因此解析到 = 时直接报：

Uncaught SyntaxError: Unexpected token =

Webpack 5.108.0 新增了 output.environment.logicalAssignment，目标浏览器支持时会在运行时代码中输出 ||=。Webpack 官方发布记录

如何修改

直接固定webpack版本

 "webpack": "5.107.2"

后续升级webpack要注意

原文地址：https://webfem.com/post/webpack-token，转载请注明出处