需要幫助以使[create-react-app]使用Aync - 等待（變換 - 異步 - 生成器）！

Question

我是[create-react-app]的新手，我想知道如何在這個構建過程中添加：[「transform-async-to-generator」]？在常規情況下，我會將它添加到.babelrc中，但不會使用[create-react-app]工作*。

*按「不看工作」 - 我看到以下錯誤。

Syntax error: ../web/src/App.js: Unexpected token, expected ((17:13) 

    15 | } 
    16 | 
> 17 | test = async() => { 
    |   ^
    18 |  let x = await this.resolveAfter2Seconds(); 
    19 |  try{} 
    20 |  catch(exception){ 

並且有什麼方法可以在不修改包的情況下擴展[create-react-app]？

謝謝！

Answer 1

您應該添加2個插件巴貝爾：babel-plugin-transform-async-to-generator和babel-plugin-syntax-async-functions

Answer 2

問題不在於與異步功能。你應該重寫代碼接下來方式：

// ... 

test = async() => { 
    let x = await this.resolveAfter2Seconds(); 
    // ... 
} 

或

// ... 
async test(){ 
    let x = await this.resolveAfter2Seconds(); 
    // ... 
}