js使用async报错：Uncaught ReferenceError: regeneratorRuntime is not defined

在react hook中用async await处理请求的数据时，发现报错了，如下：Uncaught ReferenceError: regeneratorRuntime is not defined。

使用时的代码：

useEffect(_=>{
async function fetchData(){
      let res = await post('situationIndex3!getStaffData.action');
      res = res.data;
        if(!ignore)
        setItems(res);
            Interval();
        }

     Interval();
     function Interval(){
       setTimeout(_=>{
            fetchData();
       },5000)
     }

},[])        

报错：

原因：这个regeneratorRuntime在浏览器上是不认识的，安装一个@babel/polyfill

然后在.babelrc文件中配置preset-env中的参数"useBuiltIns":"usage"，让babel按需引入需要的补充模块：

{
    "presets":[
        ["@babel/preset-env",{
            "useBuiltIns":"usage"
        }],
        "@babel/preset-react"
    ]
}

 

ok已解决。