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

Question

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

因此，以下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