React JS中导入makeRequest时出现报错，求解决方案（附截图）

根据报错信息（模块找不到），按以下步骤排查修复：

• 核对文件路径
  确认makeRequest文件和当前导入它的文件的相对路径是否正确。比如目标文件在src/utils下，导入路径要写成./utils/makeRequest，而非./makeRequest。同时注意文件名大小写，Linux/macOS环境下文件名区分大小写。
• 确认文件存在性
  检查项目中是否确实创建了makeRequest.js/makeRequest.ts文件，文件名拼写完全一致，没有漏写或错写后缀。
• 匹配导出与导入语法
  确保导出和导入方式对应：
  • 若文件用默认导出：

    // makeRequest.js
    export default function makeRequest() {
      // 逻辑代码
    }
    

    导入时对应写法：

    import makeRequest from './makeRequest';
    

  • 若用命名导出：

    // makeRequest.js
    export function makeRequest() {
      // 逻辑代码
    }
    

    导入时对应写法：

    import { makeRequest } from './makeRequest';
    

• 检查打包工具配置
  如果项目使用webpack或Vite等自定义配置，确认配置文件中是否添加了对应文件扩展名的解析规则，比如是否允许省略.js/.jsx/.ts这类后缀。

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