Next.js项目中如何在node_modules内添加console.log并生效？

• 彻底清除构建缓存后重启服务
  Next.js会缓存node_modules的编译产物，单纯重启服务器可能无法触发重新编译。执行以下命令删除缓存目录：

  rm -rf .next/cache
  

  完成后重启开发服务器，确认修改后的模块代码被重新加载。

• 配置transpilePackages强制编译目标模块
  在next.config.js中把需要调试的模块加入transpilePackages列表，让Next.js跳过对该模块的缓存优化，每次都重新编译：

  /** @type {import('next').NextConfig} */
  const nextConfig = {
    transpilePackages: ['你的目标模块名称'],
  }
  
  module.exports = nextConfig
  

  修改配置后重启服务器，模块内的console.log即可正常输出。

• 用patch-package持久化修改（避免重装模块丢失）
  如果需要长期保留对node_modules的修改，推荐使用patch-package工具：

  1. 安装开发依赖：

     npm install patch-package --save-dev
     

  2. 修改完目标模块代码后，生成补丁文件：

     npx patch-package 你的目标模块名称
     

  3. 项目根目录会生成patches/模块名+版本号.patch文件，提交到版本库即可。后续重装模块时，执行npx patch-package就能自动应用修改，修改后的代码会被正确编译执行。

• 排查生产环境下的代码压缩问题
  如果是在生产环境调试，Next.js默认会移除console.log并压缩代码。可以临时修改next.config.js关闭压缩：

  const nextConfig = {
    compress: false,
    productionBrowserSourceMaps: true,
  }
  

  注意调试完成后要恢复配置，避免影响生产环境性能。

内容的提问来源于stack exchange，提问作者Takeshi I.