如何配置Vite使其忽略ESLint启动错误并持续运行服务

你只需要在vite-plugin-eslint的配置中添加failOnError: false，就能让Vite在启动时遇到ESLint错误也保持运行，并在浏览器中展示错误提示，和运行过程中出现错误的表现一致。

原因是默认情况下，当开启lintOnStart时，插件会将ESLint错误判定为致命错误，触发Vite进程退出。设置failOnError: false后，插件只会将错误输出到控制台和浏览器的错误overlay，不会终止开发服务。

修改后的vite.config.ts代码如下：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import eslint from "vite-plugin-eslint";

export default defineConfig({
    plugins: [
        eslint({
            lintOnStart: true,
            failOnError: false, // 添加这一行配置
        }),
        react(),
    ],
});

如果连ESLint警告也不想触发服务退出，可以额外添加failOnWarning: false，不过通常警告不会导致服务终止，按需配置即可。

内容的提问来源于stack exchange，提问作者Robo Robok