Aync-Await (transform-async-to-generator)를 사용하려면 [create-react-app]를 만드는 데 도움이 필요합니다!

Question

[create-reaction-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(); 
    // ... 
}