Module not found: Error: Can't resolve 'react/jsx-runtime' エラー

2025年5月12日

react@17 & webpack/babel という古い環境で react-virtuoso という仮想化ライブラリを使おうとして以下のエラーに遭遇しました。

1
Module not found: Error: Can't resolve 'react/jsx-runtime' in '/no
2
de_modules/react-virtuoso/dist'
3
Did you mean 'jsx-runtime.js'?
4
BREAKING CHANGE: The request 'react/jsx-runtime' failed to resolve only because it was resolved as fully specified
5
(probably because the origin is a '*.mjs' file or a '*.js' file where the package.json contains '"type": "module"').
6
The extension in the request is mandatory for it to be fully specified.
7
Add the extension to the request.

webpack.config.js にエイリアスを追加することで無事動くようになりました。

1
const config: webpack.Configuration = {
2
    resolve: {
3
        alias: {
4
            'react/jsx-dev-runtime': 'react/jsx-dev-runtime.js',
5
            'react/jsx-runtime': 'react/jsx-runtime.js',
6
        },
7
    },
8

9
};
10
export default config;