主页 / 问题 / 1567628
Accepted
Vasily
Asked:2024-02-23 05:50:56 +0000 UTC2024-02-23 05:50:56 +0000 UTC

如何启用顶级等待

  • 772

大家好。我正在学习打字稿。我读到了有关顶级等待的信息，我试图在节点应用程序中启用它，但它不起作用。互联网上没有任何明智的材料。请帮助。

我做了什么。

  • npm 初始化
  • npm i -D typescript @types/node ts-node
  • 然后他安装了 Nodemon。

打字稿 - 5.3.3

我正在尝试在index.ts 中使用await。

  • 他写信给我：“错误 TS1378：仅当 'module' 选项设置为 'es2022'、'esnext'、'system'、'node16' 或 'nodenext' 时才允许顶级 'await' 表达式，并且‘target’选项设置为‘es2017’或更高。”
  • 在 tsconfig 中，我将目标更改为 es2022，模块更改为 node16。
  • 它开始写“当前文件是 CommonJS 模块，不能在顶层使用‘await’”
  • 我正在尝试将 type: module 插入 package.json 中。
  • 开始写入“未知文件扩展名“.ts”

然后我们就没有想法了。请帮我打败这个废话。

tsconfig.json

  "compilerOptions": {
    "target": "es2016",
    "module": "commonjs",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "skipLibCheck": true
  }

包.json

  "name": "ts-top-await-template",
  "version": "1.0.0",
  "description": "",
  "main": "index.ts",
  "scripts": {
    "dev": "nodemon index.ts",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [ ],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/node": "^20.11.19",
    "nodemon": "^3.0.3",
    "ts-node": "^10.9.2",
    "typescript": "^5.3.3"
  }

我运行 npm run dev

node.js

1 个回答

  1. Best Answer

    看起来你和我一样都有Node 20版本。在这里找到了您问题的答案：

    Github ts-node 问题：Node v20.0.0 上的 ERR_UNKNOWN_FILE_EXTENSION

    简要摘录： ts-node 目前与 Node 20 存在兼容性问题。如果您想使用 ts-node 在 Node 20 上运行代码，则必须运行以下命令，这会导致我们无法获得错误发生时的详细堆栈跟踪:

    node --loader ts-node/esm main.ts

    因此，要使其正常工作top-level await，您需要执行以下步骤：

    1. 设置tsconfig.json以下选项（其余保持不变）： 
      "compilerOptions": {
  "target": "es2022",
  "module": "Node16"
}
    2. 安装脚本并将其更改为以下内容 package.json："type": "module"dev
      "scripts": {
  "dev": "nodemon --exec \"node --loader ts-node/esm index.ts",
},
    3. 执行npm run dev。

    例如，我将在这里留下我的测试index.ts：

    async function waitForCookie(): Promise<string> {
  return new Promise((resolve) => {
    console.log('[INSIDE-FUNC] start cooking a cookie!');

    setTimeout(() => {
      console.log('[INSIDE-FUNC] cookie is ready, take it!!');
      resolve('Chocolate COOKIE!');
    }, 3000);
  })
}

const cookie = await waitForCookie();
console.log('[TOP-LEVEL] Received a cookie:', cookie);

    执行结果：

    > [email protected] dev
> nodemon --exec "node --loader ts-node/esm index.ts

[nodemon] 3.1.0
[nodemon] to restart at any time, enter `rs`
[nodemon] watching path(s): *.*
[nodemon] watching extensions: js,mjs,cjs,json
[nodemon] starting `node --loader ts-node/esm index.ts`
(node:26944) ExperimentalWarning: `--experimental-loader` may be removed in the future; instead use `register()`:
--import 'data:text/javascript,import { register } from "node:module"; import { pathToFileURL } from "node:url"; register("ts-node/esm", pathToFileURL("./"));'
(Use `node --trace-warnings ...` to show where the warning was created)
[INSIDE-FUNC] start cooking a cookie!
[INSIDE-FUNC] cookie is ready, take it!!
[TOP-LEVEL] Received a cookie: Chocolate COOKIE!
[nodemon] clean exit - waiting for changes before restart
    • 7

相关问题