项目场景:

使用vue手脚架搭建的公司官网项目


问题描述:

在处理异步时使用了async/await,发现控制台报错regeneratorRuntime is not defined


原因分析:

        项目使用了babel,而babel在转译es6语法时需要一些辅助函数,而当缺少封装这些辅助函数的模块时就会报类似的not defined。

        regeneratorRuntime由babel生成的辅助函数,用于兼容async/await的语法。regeneratorRuntime is not defined显然是缺少了regenerator-runtime这个包。


解决方案: 

  1. 安装transform-runtime
    yarn add  @babel/plugin-transform-runtime -D
  2. 配置babel(我使用babel7.0为babel.config.js)
    plugins: [
        
        [
          "@babel/plugin-transform-runtime"
        ]
        
      ]

  3. 重启服务,发现跑起来没有报错
Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐