我要评论发生背景
项目里想用 ts-node 跑个脚本，执行：
$ 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 ...\scripts\html-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 } 即可。
@@ -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 。（个人理解）
发表评论