Mongoose+Next+Express项目报错求助：User.find非函数及模型重复编译

咱们一步步拆解并解决你遇到的这两个问题：

错误1：User.find is not a function #

这个问题的核心是你在Next.js的客户端组件里直接调用了Mongoose模型方法。Next.js的页面组件会在浏览器客户端执行，但Mongoose是专为Node.js服务器端设计的——客户端没有MongoDB连接，也没法正确初始化Mongoose模型，所以调用User.find()自然会失败。

错误2：Cannot overwrite 'users' model once compiled #

Next.js开发模式下会启用热重载，每次你修改代码保存后，模块会被重新加载。你的user.js每次都会重新执行mongoose.model('users', SomeModelSchema)，但Mongoose不允许重复编译同名模型，因此抛出这个错误。

具体修复步骤 #

1. 修复模型重复编译问题

修改./models/user.js，添加模型存在性检查，确保只在模型未编译时创建：

var mongoose = require('mongoose');
var Schema = mongoose.Schema;
var SomeModelSchema = new Schema({
  a_string: String,
  a_date: Date
});

// 先检查是否已存在该模型，避免重复编译
const User = mongoose.models.users || mongoose.model('users', SomeModelSchema);
module.exports = User;

2. 将数据库操作移至服务器端执行

Next.js提供了getServerSideProps（服务器端渲染）或getStaticProps（静态生成）函数，这些函数仅在服务器端执行，适合处理数据库操作。修改./pages/index.js：

const User = require('../models/user');

const Home = ({ users }) => (
  <div className="container">
    <h1>Hello World</h1>
    <ul>
      {users.map(user => (
        <li key={user._id}>{user.a_string}</li>
      ))}
    </ul>
  </div>
)

// 仅在服务器端执行的函数，用于获取数据
export async function getServerSideProps() {
  try {
    const users = await User.find({});
    return {
      props: {
        users: JSON.parse(JSON.stringify(users)) // 将Mongoose文档转为普通JSON对象
      }
    }
  } catch (err) {
    console.error('获取用户数据失败:', err);
    return {
      props: { users: [] }
    }
  }
}

export default Home

3. 额外注意事项

• 你的server.js已经正确在服务器端初始化了Mongoose连接，无需修改；
• 绝对不要在组件顶层作用域或客户端生命周期函数（比如useEffect）里调用Mongoose方法，这些代码会在客户端执行，必然出错。

这样修改后，你应该就能顺利解决这两个错误了。

内容的提问来源于stack exchange，提问作者Tatyana .M