为什么Nuxt(Vue) SSR项目中浏览器端console.log()没有任何输出？

排查步骤 #

• 首先检查浏览器控制台的日志筛选规则
  大部分出现这个问题都是筛选配置不对导致的：确认控制台顶部的筛选标签中「信息/普通日志」选项已勾选，同时清空控制台搜索框内的所有内容，避免关键词过滤把你的日志隐藏了。另外注意部分浏览器默认会隐藏verbose级别的日志，你可以把所有日志级别都开启后再测试。
• 检查构建配置是否移除了console语句
  检查你的项目是否安装了babel-plugin-transform-remove-console这类自动移除console的插件，或者nuxt.config.js的build配置中是否存在删除console的相关规则，哪怕是开发环境只要配置了对应规则，构建时就会把console语句直接删掉，自然不会有输出。
• 验证console是否被全局覆写
  直接在浏览器控制台手动输入console.log('测试输出')，如果手动执行也没有输出，说明你的项目里的第三方依赖或者全局代码把console.log方法重写成了空函数，需要排查全局引入的代码。
• 断点验证代码执行
  在对应console.log语句行前加debugger，或者在浏览器Sources面板找到对应文件打断点，触发执行时确认代码是否走到该行，以及该行的console语句是否还存在，就能确认是被构建删除了还是执行逻辑问题。

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