本文解决vue-cli3项目中main.js使用console.log报错的问题，指出这是由于ESLint代码检查机制导致的提示，通过改用window.console.log()即可规避。同时总结控制台输出无效的两类常见原因：一是data属性拼写错误误写为date，二是浏览器开发者工具的消息面板被意外关闭，提供对应排查方法。
在vue-cli3项目的main.js文件中直接使用console.log()方法时，可能会遇到报错情况。
问题重现
在vue-cli3项目的main.js文件中调用console.log()函数，执行时触发报错信息。
该报错源于Vue.js项目默认集成了ESLint进行代码质量检查，ESLint规则会拦截未定义的console变量。解决方法是将调用方式修改为window.console.log()，这样即可绕过ESLint的检查限制，避免报错。
console.log()输出无效问题排查
在日常Vue开发过程中，开发者经常遇到console.log()语句执行后控制台无任何输出的情况。以下总结几种常见场景及解决方法。
第一种情况
在Vue组件中尝试输出data中的数据时，若控制台无结果，最常见的原因是拼写错误。许多初学者容易将data属性名误写为date（date通常指日期对象），导致数据绑定失败。注意区分data与date的拼写差异。
第二种情况
另一种可能性是浏览器开发者工具的消息面板（Console面板）被意外关闭或隐藏，导致输出内容无法显示。
以Google Chrome浏览器为例，需检查开发者工具中Console标签页是否开启。
对于Firefox浏览器，同样需要确认开发者工具中的Console面板是否处于显示状态。
遇到此类问题时，容易误判为浏览器本身的故障，实则多为配置或面板状态问题。
以上为个人经验总结，旨在帮助开发者快速定位并解决vue-cli3中console.log相关的报错及输出无效问题，供参考使用。