Next.js集成Contentlayer时import模块找不到问题求助

• 确认依赖安装与文件生成

  1. 执行npm install contentlayer next-contentlayer（npm环境）或yarn add contentlayer next-contentlayer（yarn环境），确保依赖安装完整
  2. 运行npx contentlayer build，检查项目根目录是否生成.contentlayer/generated文件夹，若未生成，查看命令行报错排查问题

• 配置tsconfig.json
  在tsconfig.json的include数组中添加.contentlayer/generated，示例配置：

  {
    "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".contentlayer/generated"]
  }
  

  同时检查compilerOptions中的baseUrl和paths配置，避免干扰模块解析

• 重启开发服务
  关闭当前运行的next dev服务，重新启动，消除缓存导致的解析异常

• 验证Next.js配置
  确认next.config.js中正确集成Contentlayer，示例配置：

  const { withContentlayer } = require('next-contentlayer')
  
  module.exports = withContentlayer({
    // 你的Next.js项目配置
  })
  

• 清理缓存
  删除项目根目录下的.next文件夹和node_modules/.cache文件夹，之后重新安装依赖并执行npx contentlayer build

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