You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

默认隐藏浏览器上的TypeScript错误(React+Vite开发环境)

解决Vite开发时浏览器TypeScript错误弹窗自动隐藏的问题
  • 这个弹窗是Vite开发服务器自带的错误提示overlay,和TypeScript配置无关,需要在Vite配置里修改:
  1. 打开项目根目录下的 vite.config.ts(或 vite.config.js)
  2. 在 defineConfig 的配置对象里添加 server.overlay 配置,将其设为 false 即可全局关闭错误弹窗:
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  server: {
    overlay: false // 关闭浏览器端的错误弹窗,错误信息仍会在终端控制台显示
  }
})
  1. 如果只想隐藏错误弹窗但保留警告弹窗,可以更精细配置:
server: {
  overlay: {
    errors: false, // 隐藏错误弹窗
    warnings: true // 保留警告弹窗
  }
}

修改完配置后,重启Vite开发服务器,浏览器就不会再自动弹出TypeScript错误提示框了。

内容的提问来源于stack exchange,提问作者Serg Lit

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 00:22:03