zoukankan      html  css  js  c++  java
  • vue 项目中使用 async/await 报错:regeneratorRuntime is not defined

    背景

    基于 webpack 搭建的 vue 项目中,某个文件使用 async/await 报错,例如:

    <script>
      export default {
        name: "test",
        methods: {
          async queryUsers() {
            // 配置请求参数
            const options = { url: this.$constant.BACK_API.QUERY_USRS }
            const users = await this.$request(options)
            console.log(users)
          }
        },
        mounted() {
          this.queryUsers()
        }
      }
    </script>
    

    原因

    在 vue 项目中使用async/await处理并行多个异步,因为项目中没有使用 transform-runtimees6+ 转换成 es5

    解决方案

    安装 @babel/plugin-transform-runtime

    npm i @babel/plugin-transform-runtime -D
    

    配置 .babelrc 文件:

    {
      "plugins": [
        [
          "@babel/plugin-transform-runtime"
        ]
      ]
    }
    

    若项目中不存在 .babelrc 文件,直接在项目根目录下添加即可。

  • 相关阅读:
    Spring JDBC
    获取JNDI数据源
    subset II
    hadoop-0.20.2安装配置
    leetcode5:subsets问题
    leetcode4:Permutation
    leetCode3
    leetcode2:线性表
    leetcode1:线性表
    使用C++11 开发一个半同步半异步线程池
  • 原文地址:https://www.cnblogs.com/haveadate/p/14627111.html
Copyright © 2011-2022 走看看