发生背景

项目里想用 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 。（个人理解）

参考资料

Troubleshooting | ts-node

推荐阅读

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。
大家都在看：

前端 typescript node.js 记一次使用pm2运行node+ts项目，ts-node报错问题To load an ES module, set “type“: “module“ in the package.json or use

问题出现 事情从运行pm2 start ecosystem.config.js开始项目运行报错↓↓，看报错发现是找不到ts-node模块， 百度解决pm2找不到ts-node 开心的以为问题解决了，...

vue.js typescript 前端 vue3+uni-app 报错TS2591: Cannot find name ‘require’. Do you need to install type definitions for node?

公司技术栈主要是vue，移动端是uni-app。最近打算迭代移动端项目，vue3都已经更新到3.2.x，vite也更新到2.x，前期大多数bate问题都已处理优化得差不多，正好趁这个机会将原来的vue...

前端 node.js 使用ts-node本地运行node+ts项目，.d.ts类型文件内的声明找不到的问题，报错TSError: ⨯ Unable to compile TypeScript

1.安装ts-node 2.配置ts-node运行脚本 3.执行本地运行命令  报错： 引用的类型找不到，原因是dataType是在.d.ts文件内的全局声明，ts-node默认执行忽略了.td.ts...

node.js typescript VSCode如何调试TS + node项目

在VsCode的项目.vscode目录下新建文件launch.json 内容如下： // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信...

前端 node.js npm安装报错 npm ERR! request to https://registry.npm.taobao.org/ failed, reason: certificate has expired

问题描述： npm使用淘宝镜像安装报错 错误原因： 2024年1 月 22 日，淘宝原镜像域名（registry.npm.taobao.org）的 HTTPS 证书正式到期，导致旧的 npm 淘宝镜像...

前端 node.js npm安装报错：npm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path D:\nodejs\node

安装node.js配置完成后，安装测试报错以下内容： 解决方法删除npmc文件，该文件一般在C:\users\(账户)

node.js TypeScript/JavaScript (ts/js)判断任意两个值是否相等

不废话，直接上代码：判断两个值是否相等，支持array, object和基础类型值的判断。 if (isNil(a1) || isNil(a2)) { // 首先判断要比较的两个参数是否为空 ...

typescript node.js 【乔治夫の小demo】ts环境下利用node实现实时读取md文件在html页面展示的小案例

文章目录 文件准备初始化环境 实现思路主函数代码封装的Promise工具函数 实现结果文件准备 main.ts——用于执行主文件操作index.md——md的主要内容github.css——引...

前端 node.js 【npm下载报错】npm ERR! code EUNSUPPORTEDPROTOCOL npm ERR! Unsupported URL Type “xxx:“: xxx:^0.0.1

文章目录 前言一、报错详情？二、解决步骤1.更换软件包管理工具2.重新下载 总结 前言 提示：这里可以添加本文要记录的大概内容： 提示：以下是本篇文章正文内容，下面案例可供参考 一、报错详情？ ...

npm 前端 node.js 下载node-gyp依赖包报错：gyp ERR! find VS msvs

报错界面如下: 问题：not looking for VS2013 as it only supported up to Node.js 8 解决方案： you need to install the...