vite 的 eslint 报错提示插件

2,159 阅读1分钟

踩坑

vite 的 eslint 报错提示插件 直奔主题跳转至:问题

背景

入门菜狗前端程序员,所以需要 eslint 来规范一下代码风格,(并喜欢手动改格式报错)防止以后代码走歪;虽浅识 eslint 规范,但知之甚少,所以需要保存提示一下格式错误,近日又一学习 dome 项目 vue3 + vite,init 之后就最先来配置 eslint(当然是百度),各种安装,末尾说 vite 要有 eslint 提示 需要装 vite-plugin-eslint,这个好!当即安装

image.png

问题

vite 提示 eslint 报错有插件包括(但不限于):

1.vite-plugin-eslint

2.@ehutch79/vite-eslint

1.vite-plugin-eslint

发现这个报错提示有延迟

image.png

有报错,改一下(保存)

image.png

怎么报错没有去掉?行,那就重启一下项目

image.png

重启项目多次 + 重启编辑器,依旧!

直到我改了一下 .eslintrc.js 文件(就是改了一个 extends 中的一个插件)

image.png

报错消除了 而且 不止于此,或者有时候改动 .eslintrc.js 有效果,有时候依然代码报格式错误,或者有时候该报错没报错,不知道什么情况

2.@ehutch79/vite-eslint

可以解决上述可能是延迟(具体什么问题我也不知道)的问题。

前端大佬能来解惑其中原委,小弟诚谢!

在此记录一下,整了一早上发现的。