Next.js中console.log输出异常：仅切换至日语时生效

可能的原因及对应解决方法 #

1. 控制台过滤规则误设置 #

检查浏览器控制台的过滤选项：

• 别勾选「仅显示错误/警告」，也看看有没有不小心设置了含"ja"的文本过滤条件，把过滤规则改回「全部」试试。
• 切换到「Verbose」日志级别，确认其他语言切换的日志没被隐藏。

2. React严格模式的日志抑制 #

Next.js开发环境默认开了React严格模式，可能会导致重复渲染时日志被覆盖：

• 临时修改next.config.js关闭严格模式：

  module.exports = {
    reactStrictMode: false,
  }
  

  重启服务后测试，要是日志正常了，说明是严格模式的重复执行导致的，后续可以优化组件逻辑，避免不必要的重复渲染。

3. 组件逻辑里的条件限制 #

仔细检查ChangeLang函数的代码：

• 确认没写类似if (newLang === 'ja') { console.log(...) }的条件，把日志输出的逻辑改成对所有语言都生效。
• 如果用useState存语言状态，建议在setLang的回调里执行日志，确保状态更新完成后再输出：

  const ChangeLang = (newLang) => {
    setLang(newLang, () => {
      localStorage.setItem('language', newLang);
      console.log('当前切换语言:', newLang);
    });
  };
  

4. --inspect调试配置的冲突 #

你加的NODE_OPTIONS='--inspect'可能和浏览器控制台的日志捕获有冲突：

• 暂时把package.json里dev脚本的这个配置去掉，直接用npm run dev启动，看看日志是不是正常输出了。如果恢复，说明是调试器的日志规则导致的，可以调整调试器的设置来兼容。

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