['hashchange','load'].forEach写法在Parcel项目中运行报错如何解决？

该问题是Parcel旧版本的转译缺陷与JavaScript自动分号插入（ASI）规则共同作用导致的语法误解析：

• 当你直接写以数组字面量开头的代码['hashchange', 'load'].forEach(ev => console.log(ev));时，如果这行代码的上一行语句末尾没有显式添加分号，Parcel的旧转译逻辑会将两行代码合并解析，把数组的方括号识别为对上一行表达式返回值的属性访问操作。
• 举个实际解析的例子，假设上一行代码是const res = fetch('/api')且末尾未写分号，转译时会被合并为const res = fetch('/api')['hashchange', 'load'].forEach(...)，其中逗号运算符会取最后一个值load作为属性名，当fetch('/api')的返回值（或上一行任意表达式的返回值）为undefined时，就会抛出「无法读取undefined的forEach属性」的报错。
• 你将数组赋值给变量后可以正常运行，是因为const是变量声明关键字，JavaScript解析器会强制将const开头的代码识别为新语句，不会和上一行代码合并，因此不会触发误解析。

你可以选择以下任意一种方案解决问题：

• 直接在所有行首为方括号/圆括号的代码前手动添加分号，修改后的代码为：

;['hashchange', 'load'].forEach(ev => console.log(ev));

该方案兼容性最强，不受任何构建工具版本和配置的影响。

• 升级Parcel到2.8.0及以上的稳定版本，该ASI处理的bug在后续版本中已经被官方修复，升级后无需修改原有代码即可正常运行。
• 项目中开启ESLint的semi规则，强制所有语句末尾添加分号，从根源避免自动分号插入导致的各类语法误解析问题。

内容的提问来源于stack exchange，提问作者George Sloata