javascript - 将 promise 转换为等待调用时为 "await is a reserved word"-6ren

javascript - 将 promise 转换为等待调用时为 "await is a reserved word"

转载作者：行者123 更新时间：2023-11-29 18:50:38

<分区>

我有以下代码可以正常工作:

// api.js
export default {
    async readAsync (resource) {
        await new Promise(r => setTimeout(r, 400));
        return data[resource];
    },
}

// ProductList.vue
import api from '@/services/api'

[...]

  methods: {
    fetch () {
      this.loading = true;
      api.readAsync('products').then(data => {
        this.products = data;
        this.loading = false;
      });
    }
  }

[...]

我想使用 await 来摆脱 promise ，就像这样:

  methods: {
    fetch () {
      this.loading = true;
      this.products = await api.readAsync('products');;
      this.loading = false;
    }
  }

但是我得到以下错误:

Module build failed (from ./node_modules/babel-loader/lib/index.js): 
SyntaxError: D:\devel\apps\vue-tests\cli-test\src\components\ProductList.vue: await is a reserved word (59:22)
  57 | this.loading = true;
  58 | 
> 59 | this.products = await api.readAsync('products');; 
     |                 ^ 
  60 | this.loading = false;

知道我做错了什么吗？