默认隐藏浏览器上的TypeScript错误(React+Vite开发环境)
解决Vite开发时浏览器TypeScript错误弹窗自动隐藏的问题
- 这个弹窗是Vite开发服务器自带的错误提示overlay,和TypeScript配置无关,需要在Vite配置里修改:
- 打开项目根目录下的
vite.config.ts(或vite.config.js) - 在
defineConfig的配置对象里添加server.overlay配置,将其设为false即可全局关闭错误弹窗:
import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' export default defineConfig({ plugins: [react()], server: { overlay: false // 关闭浏览器端的错误弹窗,错误信息仍会在终端控制台显示 } })
- 如果只想隐藏错误弹窗但保留警告弹窗,可以更精细配置:
server: { overlay: { errors: false, // 隐藏错误弹窗 warnings: true // 保留警告弹窗 } }
修改完配置后,重启Vite开发服务器,浏览器就不会再自动弹出TypeScript错误提示框了。
内容的提问来源于stack exchange,提问作者Serg Lit
相关产品推荐
相关产品推荐

