如何让Jest支持启用--allow-natives-syntax的v8intrinsic语法？

根因说明 #

你遇到的报错来自两个独立的配置缺失：

• Babel转译阶段未开启V8 Intrinsic语法支持，直接将%前缀的内置调用判定为非法语法
• 写在page.evaluate回调内的代码运行在浏览器（Puppeteer/Playwright启动的Chromium实例）的V8环境中，给Node进程添加的--allow-natives-syntax参数无法传递到浏览器进程，浏览器侧的V8依然不允许调用%前缀的内置方法

分步配置方案 #

1. 开启Babel的V8 Intrinsic解析支持 #

@babel/core@^7.6.0已经内置了v8intrinsic解析插件，无需额外安装依赖，直接修改你的Babel配置文件（.babelrc、babel.config.json或babel.config.js）添加解析配置即可：

{
  "parserOpts": {
    "plugins": ["v8intrinsic"]
  }
}

2. 给浏览器实例传递V8启动参数 #

给你启动浏览器的配置项添加V8允许原生语法的参数，让浏览器侧的V8支持%前缀的内置调用：

• Puppeteer环境配置：

const browser = await puppeteer.launch({
  args: ['--js-flags=--allow-natives-syntax']
})

• Playwright环境配置：

const browser = await chromium.launch({
  args: ['--js-flags=--allow-natives-syntax']
})

3. 非浏览器执行代码的额外配置 #

如果你的V8 Intrinsic调用是直接写在Jest测试代码里（不是page.evaluate回调中，运行在Node环境），需要在jest.config.js中补充执行参数配置，避免Jest worker进程未继承启动参数：

module.exports = {
  // 其余原有配置保留
  execArgv: ['--allow-natives-syntax'],
  // 若开启了worker线程需要关闭，否则参数无法传递到worker进程
  workerThreads: false
}

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