4.2.x: ESM build cannot be loaded by Node (imports without `.js`)

オープン 初心者向け
  • 何か問題がありますか？
#730 コメント 0 件 リアクション 1 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
85/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
javascript, node.js, react, typescript
領域
backend, build-system

調査の方向性

esm/ 以下の相対インポートを調べ、まず esm/index.nohighlight.js、esm/Editor.nohighlight.js、esm/Editor.common.js、esm/components/TextArea/*.common.js の例を確認します。生成された ESM ファイルに拡張子のない相対インポートがないか確認し、提示された Node のインポートコマンドで再現します。esm/ 内のすべての相対インポートが .js で終わり、パッケージが Node で読み込まれることを完了条件とします。

索引モデルが issue の本文から書いたものです。

説明

Since 4.2.0, esm/package.json sets "type": "module", but some relative imports in esm/ still have no .js extension. Node refuses them, so loading the package fails outside a bundler (Vitest, SSR). Bundlers such as Vite still work.

The imports without .js are the ones whose file name has a dot, for example:

  • esm/index.nohighlight.js: import MDEditor from './Editor.nohighlight';
  • esm/Editor.nohighlight.js: import { createMDEditor } from './Editor.factory';
  • esm/Editor.common.js, esm/components/TextArea/*.common.js: same pattern

Repro (Node 24, @uiw/[email protected]):

npm i @uiw/[email protected] react react-dom
node -e "import('@uiw/react-md-editor/nohighlight')"

Error [ERR_MODULE_NOT_FOUND]: Cannot find module '.../node_modules/@uiw/react-md-editor/esm/Editor.nohighlight' imported from .../node_modules/@uiw/react-md-editor/esm/index.nohighlight.js

4.1.6 loads fine: there is no esm/package.json, so the files are not read as strict ES modules.

Expected: every relative import in esm/ ends with .js.

主要言語
TypeScript
スター
2.9k
フォーク
200
平均マージ
6時間 38分
マージ済み PR（30日）
16

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

uiwjs/react-md-editor のほかの issue

uiwjs/react-md-editor の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。