Noh | エンジニア向け情報共有コミュニティ
Signup / Login

[エラー対処のメモ] Module react/jsx-runtime has no exported member Fragment

javascript
typescript
react

投稿日: 2024/06/17

更新日: 2024/06/21

以下のコードを書いていたお天気のいい朝。

import { Fragment, jsx, jsxs } from "react/jsx-runtime"

以下のエラーが表示された。

Module '"react/jsx-runtime"' has no exported member 'Fragment'

reactとreact-domのバージョンは割と新しいものが入っているし、型定義の@types/reactと@types/react-domもバージョンに合ったものが入っているので、それが原因ではない。

package.json

{ ... "dependencies": { ... "react": "^18.2.0", "react-dom": "^18.2.0", }, "devDependencies": { "@types/react": "^18.2.0", "@types/react-dom": "^18.2.1", ... } }

こういう時は、たいてい依存関係やキャッシュがおかしくなってるので、以下のコマンドを実行。

rm -rf node_modules npm cache clean --force npm i

解決しなければrm -f package-lock.jsonも実行していいかもしれない。

その後、VS CodeのRestart TS Serverを行う。

yosi

Noh を作ってるエンジニア。

目次