Module “console“ has been externalized for browser compatibility.

1. 问题描述

Vue 3.5.3 中

import { error } from "console";

出现以下错误

__vite-browser-external:console:3 Uncaught Error: Module "console" has been externalized for browser compatibility. Cannot access "console.error" in client code.

2. 问题原因

在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从 "console" 模块导入 error 函数，会遇到一个错误，提示 "Module 'console' has been externalized for browser compatibility. Cannot access 'console.error' in client code."。这是因为 Vite 默认将 "console" 模块外部化了，这意味着它不会在客户端环境中暴露 console 对象及其方法。

3. 解决方法

去除导入 error 函数的代码

import { error } from "console";