本文介绍: 解决 tsnode 报错 `ERR_UNKNOWN_FILE_EXTENSION` 的问题

发生背景

项目里想用 tsnode 跑个脚本执行

$ npm install -g ts-node
$ ts-node ./scripts/html-gen.ts

代码是 TypeScript + ES Module (真香),于是 ts-node 开始抱怨:

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for ...scriptshtml-gen.ts
    at new NodeError (node:internal/errors:399:5)
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:79:11)
    at defaultGetFormat (node:internal/modules/esm/get_format:121:38)
    at defaultLoad (node:internal/modules/esm/load:81:20)
    at nextLoad (node:internal/modules/esm/loader:163:28)
    at ESMLoader.load (node:internal/modules/esm/loader:605:26)
    at ESMLoader.moduleProvider (node:internal/modules/esm/loader:457:22)
    at new ModuleJob (node:internal/modules/esm/module_job:64:26)
    at ESMLoader.#createModuleJob (node:internal/modules/esm/loader:480:17)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:434:34) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}

解决方案

tsconfig.json添加 "ts-node": { "esm": true } 即可

diff

@@ -4,5 +4,8 @@
     "outDir": "dist",
     "isolatedModules": true
   },
-  "include": ["src/**/*.ts", "components/**/*.vue", "scripts/*.ts"]
+  "include": ["src/**/*.ts", "components/**/*.vue", "scripts/*.ts"],
+  "ts-node": {
+    "esm": true
+  }
 }

发生原因

ts-node 默认文件视为 CommonJS ,需要显式声明为 ES Module 。个人理解

参考资料

原文地址:https://blog.csdn.net/kaikai508282737/article/details/130026426

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_11915.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注