javascript - 如何使用顶级等待将 TypeScript 编译为 JavaScript？

Question

我想利用自 TypeScript 3.8 以来可用的顶级等待在 NodeJS 应用程序中。

因此，以下 TypeScript 代码:

import { getDoctorsPage } from "./utils/axios.provider";
const page = await getDoctorsPage("047", "1", "1");
console.log(page);

编译为这段 JavaScript 代码:

import { getDoctorsPage } from "./utils/axios.provider";
const page = await getDoctorsPage("047", "1", "1");
console.log(page);
//# sourceMappingURL=index.js.map

当我尝试在 WebStorm 中运行它时，出现以下错误:

(node:95053) ExperimentalWarning: The ESM module loader is experimental.
file:///Users/anatoly/Documents/git/maccabi-parser/dist/index.js:2
const page = await getDoctorsPage("047", "1", "1");
             ^^^^^

SyntaxError: Unexpected reserved word
    at Loader.moduleStrategy (internal/modules/esm/translators.js:81:18)
    at async link (internal/modules/esm/module_job.js:37:21)

最新的 NodeJS 0.13.* 支持吗？

我的tsconfig.json

{
  "compilerOptions": {
    "target": "es2020",
    "module": "esnext",
    "pretty": true,
    "sourceMap": true,
    "outDir": "dist",
    "importHelpers": true,
    "strict": true,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "rootDir": "src",
    "noImplicitAny": false,
    "strictNullChecks": false,
    "noImplicitThis": true,
    "alwaysStrict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": false,
    "noImplicitReturns": true,
    "noFallthroughCasesInSwitch": true,
    "baseUrl": "./",
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "resolveJsonModule": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules",
    "dist"
  ]
}

并且 package.json 包含 "type": "module"

Answer 1

如评论中所述，此功能不仅取决于 TS 的版本，还取决于 WebPack 的版本(如果使用 WebPack)和是否存在 V8 标志 --js-flags="-- harmony-top-level-await" 在程序执行期间或在配置中。

在启用此标志的情况下执行此代码可以按照注释中的说明完成:

node -r dotenv/config --harmony-top-level-await --es-module-specifier-resolution=node dist/index.js