Node.js运行tsc生成的js文件时，提示Error [ERR_MODULE_NOT_FOUND]: Cannot find module ，Did you mean to import ...

背景

---

我使用Node.js(v18.17.1)运行tsc生成的js文件时，提示Error [ERR_MODULE_NOT_FOUND]: Cannot find module ，Did you mean to import …/.js? code: ‘ERR_MODULE_NOT_FOUND’。
我发现，生成的*.js文件中的导入语句和ts中的完全相同，因此在用nodejs运行时，会提示：

Error [ERR_MODULE_NOT_FOUND]: Cannot find module ‘D:\Document\Github\plan_reminder\plan-reminder\src\data\BaseItem’ imported from D:\Document\Github\plan_reminder\plan-reminder\src\data\RemindItem.js
Did you mean to import …/BaseItem.js?
at new NodeError (node:internal/errors:405:5)
at finalizeResolution (node:internal/modules/esm/resolve:324:11)
at moduleResolve (node:internal/modules/esm/resolve:943:10)
at defaultResolve (node:internal/modules/esm/resolve:1129:11)
at nextResolve (node:internal/modules/esm/loader:163:28)
at ESMLoader.resolve (node:internal/modules/esm/loader:835:30)
at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
at ModuleWrap. (node:internal/modules/esm/module_job:77:40)
at link (node:internal/modules/esm/module_job:76:36) {
code: ‘ERR_MODULE_NOT_FOUND’
}

解决方案

---

方案一 使用ts-node命令运行ts文件

1.下载ts-node

npm install -g ts-node
ts-node test.ts

这样也能运行ts，并且不用生成冗余的js文件，也不用改import导入的后缀。

方案二 在ts的import语句中添加.js的后缀

虽然我们在写ts时，一般不用写ts后缀（写ts后缀反而编译不过），但会导致上面所说的问题。但是测试后，可以导入.js后缀的文件，其效果和不写后缀是一样的。即：

import * as Base from ‘./BaseItem’

改为

import * as Base from ‘./BaseItem.js’

编译出来的js，就相应的成为了import * as Base from './BaseItem.js'，编译也就没问题了。

参考

---

TypeScript 编译器 tsc 命令能够自动补全完整的 js 后缀？
TypeScript 运行需要带有 .js 扩展名的导入