[エラー対処のメモ] 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を行う。