异步功能仅在定位ECMAScript 2015或更高版本时可用

Posted 2021-04-21

我希望能够使用async关键字，但我希望我的typescript编译成es5代码，以便我的代码可以在普通人浏览器中运行。当我尝试在visual studio代码中使用async时，我收到此错误。

异步功能仅在定位ECMAScript 2015或更高版本时可用。

我认为针对es6意味着编译打字稿的输出javascript将是es6，而es6在大多数浏览器上都不起作用了吗？

这是我的tsconfig.json：

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "lib": ["es2015", "dom"],
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": true,
    "outDir":"js/app/",
    "typeRoots": [
      "./node_modules/@types"
    ]
  },
    "exclude": [
    "node_modules",
    "app/test"
  ]
}

我想知道lib字段是否可以使它工作，因为它说"es2015"但它没有。

我也想也许core-js垫片可以使async可用，但我只在我的index.html中包含这样的垫片：

<script src="node_modules/core-js/client/shim.min.js"></script>

所以我认为它不会在编译时提供async。有没有更好的方法来导入core-js？

如何使async可用，但也没有我的代码无法在大多数浏览器上运行？

答案

ECMAScript6在大多数主流浏览器中都受支持。

正如@loganfsmyth对此答案的评论所述，

请记住，“大多数主流浏览器”仍然只能覆盖一小部分用户群。

Firefox

Chrome

From Safari's website，

ES6完全支持ECMAScript 2015标准，也称为ES6，将这一主要的JavaScript演变带到了macOS和ios上的Safari。

你将不得不改变，

"target": "es5",

至

"target": "es6",

ES6目标中的TypeScript 1.7 async / await支持（Node v4 +）TypeScript现在支持对ES6生成器具有本机支持的引擎的异步函数，例如：节点v4及更高版本。异步函数以async关键字为前缀; await挂起执行，直到满足异步函数返回promise，并从返回的Promise中解除值。