背景
我使用(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\
Did you mean to import …/?
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 (node:internal/modules/esm/loader:835:30)
at (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
这样也能运行ts,并且不用生成冗余的js文件,也不用改import导入的后缀。
方案二 在ts的import语句中添加.js的后缀
虽然我们在写ts时,一般不用写ts后缀(写ts后缀反而编译不过),但会导致上面所说的问题。但是测试后,可以导入.js后缀的文件,其效果和不写后缀是一样的。即:
import * as Base from ‘./BaseItem’
改为
import * as Base from ‘./’
编译出来的js,就相应的成为了import * as Base from './'
,编译也就没问题了。
参考
TypeScript 编译器 tsc 命令能够自动补全完整的 js 后缀?
TypeScript 运行需要带有 .js 扩展名的导入