Can‘t resolve ‘react/jsx-runtime‘ in xxx

问题截图

原因分析：路径解析失败导致的模块找不到错误

背景：React 17+ 引入了新的 JSX 运行时（ jsx-runtime ），默认由 Babel 或打包工具自动注入。若打包工具未正确识别 react/jsx-runtime 的路径（例如文件扩展名缺失），可能导致解析失败。

解决方案：配置Alias别名

config.resolve.alias['react/jsx-runtime'] = 'react/jsx-runtime.js';

此配置通过显式别名指向具体文件（ .js 扩展名），确保打包工具能正确定位模块。