Next.js开发报错：_lib_getAllUsers__WEBPACK_IMPORTED_MODULE_2___default(...)不是函数

常见原因及修复方案 #

• 导入与导出方式不匹配
  检查lib/getAllUsers.js的导出方式，对应调整导入代码：

  • 若使用默认导出：

    // lib/getAllUsers.js
    export default async function getAllUsers() {
      const res = await fetch('https://jsonplaceholder.typicode.com/users');
      return res.json();
    }
    

    导入时用默认导入语法：

    import getAllUsers from '../lib/getAllUsers';
    

  • 若使用命名导出：

    // lib/getAllUsers.js
    export async function getAllUsers() {
      const res = await fetch('https://jsonplaceholder.typicode.com/users');
      return res.json();
    }
    

    导入时用命名导入语法：

    import { getAllUsers } from '../lib/getAllUsers';
    

• 验证导出内容类型
  确保getAllUsers确实是函数类型，可在lib/getAllUsers.js末尾添加验证代码：

  console.log(typeof getAllUsers); // 控制台应输出'function'
  

• 确认文件路径正确性
  检查导入语句中的文件路径是否准确，避免因路径错误导入了非目标文件。

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