React项目编译报错：无法解析pages目录下的组件模块

• 检查路径大小写：Linux/macOS系统大小写敏感，代码里的./pages/Dashboard必须和实际文件名Dashboard.jsx大小写完全一致，差一个字母都会报错。
• 核对目录结构：确认导入代码所在文件的位置，比如如果导入在src/App.jsx里，pages文件夹得是src/pages/，不能放在项目根目录。
• 配置文件后缀解析：
  • 用webpack的话，在配置文件里的resolve.extensions加上.jsx，示例：

    module.exports = {
      resolve: {
        extensions: ['.js', '.jsx', '.json']
      }
    };
    

  • 用vite的话，默认支持jsx，但可以检查vite.config.js里的resolve.extensions是否包含.jsx。
• 清理缓存重装依赖：先删frontend/node_modules/.cache，不行就删node_modules和package-lock.json，重新跑npm install --prefix frontend，再启动项目。
• 匹配路由版本：你装的react-router-dom版本可能和教程不一样，比如v6和v5的写法差异大，检查导入和路由配置是否符合当前版本的要求。

内容的提问来源于stack exchange，提问作者STEX