uni-app 编译到微信开发工具 报错问题：代码中出现regeneratorRuntime变量名

发布于 1周前 作者 vueper 来自 Uni-App

uni-app 编译到微信开发工具 报错问题：代码中出现regeneratorRuntime变量名

示例代码：

let regeneratorRuntime = 1;

操作步骤：

`let  regeneratorRuntime = 1;console.log(regeneratorRuntime)`

预期结果：

打印regeneratorRuntime的值为1

实际结果：

编译到微信开发工具报错

bug描述：

变量名不能为regeneratorRuntime，如果出现var regeneratorRuntime = 1或者let regeneratorRuntime = 1;一类的代码，编译到微信小程序会报错


| 信息类别         | 内容       |
|------------------|------------|
| 产品分类         | uniapp/小程序/微信 |
| PC开发环境操作系统 | Windows    |
| PC开发环境操作系统版本号 | win10      |
| HBuilderX类型    | 正式       |
| HBuilderX版本号  | 4.36       |
| 第三方开发者工具版本号 | 1.06.2412031 |
| 基础库版本号     | 3.7.2      |
| 项目创建方式     | HBuilderX   |

Harmonyos Next教程
5 回复

https://developers.weixin.qq.com/community/develop/doc/0002ce07a58000a57c5da5e6456c09


我试过了，原生小程序，是可以直接命名这个变量的，这里只是指这个变量名，不代表有regeneratorRuntime的实际逻辑

回复 fchany: 就不能不使用这个变量吗

回复 靐齉齾麤龖龗: 已经修改了变量，问题是这个报错信息压根没提示这个变量名不能用，开发者需要花费大量的精力去排查

在处理uni-app编译到微信开发者工具时遇到的regeneratorRuntime变量名报错问题，通常是因为你的代码中使用了ES6+的异步功能（如async/await），而这些语法在编译时未被正确处理或转译，导致运行时环境中缺少regeneratorRuntime这个polyfill。

以下是一些可能的解决方案，主要通过配置Babel来确保异步代码被正确转译：

1. 确保Babel配置正确

首先，检查你的项目是否有.babelrc或babel.config.js文件，并确保它包含了适当的插件来处理异步语法。例如：

// .babelrc 或 babel.config.js
{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime",
    {
      "plugin": "@babel/plugin-transform-regenerator",
      "regenerator": true
    }
  ]
}

这里使用了@babel/plugin-transform-regenerator来确保async/await被正确转译。

2. 引入Babel Runtime

确保你的项目中安装了@babel/runtime和@babel/plugin-transform-runtime，这些库可以帮助管理polyfill，避免全局污染。

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

3. 配置uni-app的Vue.config.js（如果有）

如果你在使用Vue CLI构建的uni-app项目，可以在vue.config.js中进一步配置Babel：

// vue.config.js
module.exports = {
  chainWebpack: config => {
    config.module
      .rule('js')
      .use('babel-loader')
      .loader('babel-loader')
      .tap(options => {
        // 修改babel配置
        return {
          ...options,
          presets: [
            ['@babel/preset-env', {
              useBuiltIns: 'usage',
              corejs: 3
            }]
          ],
          plugins: [
            '@babel/plugin-transform-runtime'
          ]
        };
      });
  }
};

4. 检查微信开发者工具的编译设置

确保微信开发者工具的编译设置与你的项目配置相匹配，特别是关于ES6转译的设置。

5. 清理和重建

清理项目依赖并重新安装，有时候可以解决一些隐藏的依赖问题：

rm -rf node_modules
rm package-lock.json # 或 yarn.lock
npm install
# 然后重新编译项目

通过上述步骤，你应该能够解决uni-app编译到微信开发者工具时遇到的regeneratorRuntime变量名报错问题。如果问题依旧，请检查具体的错误信息以及是否有其他配置或代码问题影响到编译过程。

回到顶部