在ES6类实例方法中调用super触发Parcel/Babel编译错误如何解决

你给出的实例方法中调用super.matches(other)的写法完全符合ECMAScript标准，JavaScript原生支持该语法，代码本身没有逻辑错误，报错是构建工具链路的配置/缓存问题导致的。

• 类方法被误写为箭头函数类属性：如果你的实际代码里将matches定义为matches = (other) => { ... }的类属性箭头函数形式，会触发该错误。箭头函数没有独立的上下文，不支持super关键字调用。
• Parcel构建缓存异常：Parcel的增量缓存可能因为历史构建的异常状态，错误识别当前语法。
• Babel配置错误：使用了过时的类语法转换插件、插件版本不匹配、@babel/preset-env配置范围有误，都会导致Babel错误判定语法非法。

1. 确认matches方法为标准类实例方法写法，不要使用箭头函数定义类方法
2. 清除Parcel缓存后重新构建，执行命令：npx parcel clean
3. 检查Babel配置，确保使用@babel/preset-env作为基础预设，移除多余的@babel/plugin-proposal-class-properties等已被纳入标准的实验性插件，升级所有Babel相关依赖到最新稳定版。

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