tsなのに、.jsという拡張子でimportする必要がある
拡張子は .js , .mjs , .cjs , .jsx 等がある
とにかく .ts , .tjs , .tjs , .tsx ではないよということ
参考
4.5のときの書かれた内容
4.7以降の理解がないと一部誤読するかもしれない
前提
流れ
moduleの扱いがNode.jsに合わせられるということは、
「Node.jsでのmoduleの扱い方法」を別途指定する必要があるということ
type: module を指定したならば、 .js でimportする
type: commonjs を指定したならば、一部ESMを使うときは .mjs でimportする
根本の理由は誰の仕様？
Node.jsの仕様ぽい
.js , .mjs 等を指定する
module systemが混在するとか？でもesmって言ってるんだから混在はしてないか
>require は省略された拡張子 (.js, .cjs) を補完して読み込むことができます。ref
> import は省略された拡張子を補完しません。基本的に拡張子を明示する必要があります。 (index.js や main field, pkg exports などの話は本稿では扱いません)
更に、TypeScriptでどういう扱いになるかと言うと、
なので、JSのときと同様に、 .js , .mjs を指定することになる
VSCode
"typescript.preferences.importModuleSpecifierEnding": "js"
>注意点として Node.js の ES Modules では拡張子の補完やディレクトリパスを指定した際のindex.jsの補完が行われないため、 ES Modules を使用する場合はTypeScript でも import 先を.jsの拡張子を含めたパスで指定する必要があります。