Vite监听模式下遇到语法错误能否持续监听？

我太懂这种崩溃的感觉了！之前用Webpack的时候，哪怕写了个语法错误，监听器顶多红着报错，但绝不会直接罢工退出——改完代码保存就能自动重新编译。结果换成Vite用vite build --watch --mode=development的时候，只要文件有语法错误，整个监听进程直接就带着Command failed with exit code 1挂了，每次都得手动重启，效率低到爆炸😤

你说的没错，这个问题确实是@rollup/plugin-typescript导致的。Vite底层依赖Rollup，而这个TypeScript插件默认在遇到语法错误时会抛出致命错误，直接终止整个进程，不像Webpack会把错误降级为警告让监听继续。

不过解决方法其实很简单，只要调整一下Vite配置里的Rollup插件参数就行：

• 打开你的vite.config.ts（或.js），手动配置@rollup/plugin-typescript的错误处理选项，让它遇到错误时只输出信息，不终止进程：

import { defineConfig } from 'vite';
import typescript from '@rollup/plugin-typescript';

export default defineConfig({
  build: {
    watch: {}, // 这里可以保留你原本的watch配置
    rollupOptions: {
      plugins: [
        typescript({
          // 关键配置：遇到错误不抛出致命错误，仅输出错误信息
          throwOnError: false,
          // 可选：如果不想让警告也干扰进程，可以加上这个
          throwOnWarning: false,
        }),
      ],
    },
  },
});

配置完之后再运行vite build --watch --mode=development试试：下次再写出语法错误，控制台会正常输出错误提示，但监听进程会一直保持运行状态——等你把错误改完保存，它会自动重新编译，和之前Webpack的体验就一致了。

如果你是用Vite官方模板自带的TypeScript支持（没有手动引入插件），也可以通过rollupOptions覆盖默认的插件配置，核心思路还是把throwOnError设为false。

毕竟之前Vitest也遇到过类似的问题，本质都是调整插件的错误处理策略，不算什么隐藏技巧，只是容易忽略这个配置项而已～

备注：内容来源于stack exchange，提问作者Dave Stein