Angular应用调用console.log时出现浏览器兼容性外部化模块错误

错误原因 #

你遇到的这个错误，核心问题是代码中不小心引入了Node.js的console核心模块，而非直接使用浏览器原生的全局console对象。

Node.js环境里，console是一个独立的核心模块（可通过require('console')或ES模块导入），但浏览器环境中并没有这个模块——浏览器的console是挂载在全局window对象上的原生API。Vite为了保证浏览器兼容性，会把所有Node.js核心模块标记为"外部化"，禁止客户端代码直接访问，所以当代码里出现导入console模块的语句时，就会触发这个错误。

解决步骤 #

• 检查所有代码文件，找到并删除类似 import { console } from 'console' 或者 const console = require('console') 的导入语句。
• 直接使用全局的console.log()即可，浏览器原生支持这个全局API，不需要任何导入操作。

额外说明 #

Node.js的console模块和浏览器的consoleAPI虽然调用方式相似（比如都有log、error方法），但底层实现完全不同。Vite的外部化机制是为了避免浏览器加载Node专属模块导致运行错误，所以只要确保不导入Node核心模块，直接用浏览器原生的全局对象就不会有问题。

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