https://github.com/ndesmic/react-ssg/tree/v0.1 を試しています。
$ node renderers/htm-preact-renderer.js
を試したところ下記のエラーです。
node:internal/errors:464
ErrorCaptureStackTrace(err);
^
Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/src/react-ssg-0.1/templates/preact' is not supported resolving ES modules imported from /src/react-ssg-0.1/renderers/htm-preact-renderer.js
at new NodeError (node:internal/errors:371:5)
at finalizeResolution (node:internal/modules/esm/resolve:317:17)
at moduleResolve (node:internal/modules/esm/resolve:756:10)
at Loader.defaultResolve [as _resolve] (node:internal/modules/esm/resolve:867:11)
at Loader.resolve (node:internal/modules/esm/loader:89:40)
at Loader.getModuleJob (node:internal/modules/esm/loader:242:28)
at Loader.import (node:internal/modules/esm/loader:177:28)
at importModuleDynamically (node:internal/modules/esm/translators:115:35)
at exports.importModuleDynamicallyCallback (node:internal/process/esm_loader:30:14)
at file:///src/react-ssg-0.1/renderers/htm-preact-renderer.js:20:67 {
code: 'ERR_UNSUPPORTED_DIR_IMPORT',
url: 'file:///src/react-ssg-0.1/templates/preact'
}
エラー箇所は
https://github.com/ndesmic/react-ssg/blob/v0.1/renderers/htm-preact-renderer.js#L18
で、単純にtemplatesフォルダの中身を読み込もうとしているだけだと思います。
- https://stackoverflow.com/questions/64449464/error-err-unsupported-dir-import-directory-import-when-attempting-to-start-no
- https://stackoverflow.com/questions/64453859/directory-import-is-not-supported-resolving-es-modules-with-node-js
- https://stackoverflow.com/questions/61291633/expressjs-is-return-error-err-module-not-found-if-i-import-the-file-without-j
をみて
--experimental-specifier-resolution=node
をつけてみましたが、同様のエラーです。
加えて
Node.js 13.2.0 で--experimental-modulesが外れたのでESMを試す
や
.mjs とは何か、またはモジュールベース JS とエコシステムの今後 | blog.jxck.io
や
https://stackoverflow.com/a/37132668/1979953
を見たのですが、歴史が長すぎて現在はどうなっているのかよくわかりません。
そもそもこのエラーで検索すると今回のエラー箇所の
await import(path)
のところではなく、ファイルの初めに書くモジュールの import文。例えば
import { promises as fs } from "fs";
のようなものばかりひっかかり、ほしい情報にたどりつけませんでした。