Skip to main content
1 / 3
shingo.nakanishi
  • 6,543
  • 8
  • 59
  • 99

await import(path) のところで ERR_UNSUPPORTED_DIR_IMPORT がでる

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フォルダの中身を読み込もうとしているだけだと思います。

をみて

--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";

のようなものばかりひっかかり、ほしい情報にたどりつけませんでした。

shingo.nakanishi
  • 6,543
  • 8
  • 59
  • 99