JS AsyncとInternet Explorerで動作するのを待っています

Question

私はすでに他のすべてのブラウザでasync/awaitで作業するプロジェクトを手に入れましたが、明らかにIEでは互換性がありません。私はIE上で実行するには、このコードを取得して助けが必要な

async function getLayers() { 
 
    const progress = new LoadingOverlayProgress({ 
 
    bar  : { 
 
     "background" : "#e41a1c", 
 
     "top"   : "600px", 
 
     "height"  : "50px" 
 
    }, 
 
    text : { 
 
     "color"   : "black", 
 
     "font-family" : "monospace", 
 
     "top"   : "575px" 
 
    }}); 
 
$.LoadingOverlay("show", { 
 
    custom : progress.Init() 
 
}); 
 
var count = 0; 
 
const interval = setInterval(function(){ 
 
    if (count >= 10) { 
 
    clearInterval(interval); 
 
    delete progress; 
 
    $.LoadingOverlay("hide"); 
 
    return; 
 
    } 
 
    progress.Update(count); 
 
}, 100); 
 
try { 
 
    $.when(
 
    await $.getJSON('http://' + ipAddress + '/api/Barriers/barrierGeoJSON', function (data) { 
 
     createLayer(data[0].row_to_json, 'Barrier'); 
 
     count += 5; 
 
     }), 
 
    await $.getJSON('http://' + ipAddress + '/api/DistPoints/distPointGeoJSON', function (data) { 
 
     createLayer(data[0].row_to_json, 'Disturbance Points'); 
 
     count += 5; 
 
     }); 
 
    } 
 
    catch (err) { 
 
    console.error(err); 
 
    } 
 
};

：私の他の関数を呼び出す

(async function() { 
 
    try { 
 
    await getLayers(); 
 
    } 
 
    catch (err) { 
 
    console.error(err) 
 
    } 
 
}());

。私が使用しなければならないpolyfillやtranspilerのようなものがありますか？私はそれがすでにスムーズに実行されるときにすべてを書き直さなければならないのは嫌です。これは現在クライアント側で実行されており、async--awaitの使用方法を理解できませんでした。皆さん、事前にありがとうございます。

Answer 1

babelを使用して、コードのこの部分をIE11で使用するように変換しました。また、polyfillをインポートして、regeneratorRuntime関数が機能するようにしなければなりませんでした。