使用Rollup打包JS文件时遇BabelHelpers配置冲突错误求助

错误根源 #

你在Rollup配置里把babelHelpers设为bundled，但编译时Babel实际需要调用runtime类型的helpers，两者不匹配导致报错。大概率是你的Babel配置里启用了@babel/plugin-transform-runtime插件，或者项目代码用到了依赖runtime helpers的语法特性。

两种解决办法 #

办法1：切换为runtime模式（更推荐） #

这种方式会复用helpers代码，能减少打包体积，适合多模块项目：

1. 先安装依赖：

npm install @babel/runtime @babel/plugin-transform-runtime --save-dev

2. 修改Rollup配置里的babel插件部分：

babel({
  babelHelpers: 'runtime',
  plugins: ['@babel/plugin-transform-runtime']
}),

办法2：保留bundled模式，调整Babel配置 #

如果一定要用bundled，得确保Babel没启用依赖runtime的插件：

1. 检查你的Babel配置文件（比如.babelrc或者babel.config.json），删掉@babel/plugin-transform-runtime这一项。
2. 这样所有需要的Babel helpers会被直接打包到输出文件里，但缺点是每个用到helpers的文件都会重复注入相同代码，适合小型单文件项目。

额外注意事项 #

• 确认@rollup/plugin-babel是最新版本，旧版本可能有配置兼容问题，执行更新：

npm update @rollup/plugin-babel

• 检查src/webSDK/app.js（main.js导入的模块），如果这个文件用了类私有方法、async/await这类需要runtime helpers的语法，更适合用办法1来解决。

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