vscode eslint不启用自动修复,无代码提示,显示“正在加载“解决办法

最新推荐文章于 2024-06-30 04:04:59 发布
最新推荐文章于 2024-06-30 04:04:59 发布
阅读量1.2k 收藏
点赞数
分类专栏： js 文章标签： vscode ide 编辑器
原文链接：https://blog.csdn.net/weixin_43444266/article/details/104652385
版权
文章讲述了在VSCode中，eslint的自动修复功能和代码提示在使用一段时间后失效，表现为正在加载的卡顿现象。作者发现这并非由于使用时间而是由于eslint和Vetur插件的最新版本冲突所致。降级Vetur插件至次新版本（如从0.22.6降至0.22.5）可以解决这一问题，使得VSCode恢复正常运行。
摘要由CSDN通过智能技术生成

问题描述:vscode 使用一段时间后,eslint的自动修复就无法使用了,必须重启vsocode才行。代码提示也会看不见,鼠标放上红色波浪线时
在这里插入图片描述
就会看到"正在加载"
这个问题真的搞了好久都没解决,换电脑也会这样,我甚至一度以为是我的某个设置问题,甚至想放弃vsode,网上找过很久解决方法,什么降低vscode版本,重设代码检测之类的全都不管用,也很少人会出现这个问题,直到有一天,反复测试中，终于发现问题所在了
触发这个卡正在加载的原因不是和使用时间无关，是代码提示插件冲突导致的卡死

就这种代码写完使用保存自动修复时就会卡正在加载了
具体原因就是eslint插件与Vetur插件最新版本的冲突问题,当两个插件都是最新版本的时候就会出现卡正在加载的问题
这时候只要把Vetur版本降低一级就行了
例如我的版本:

在这里插入图片描述
在这里插入图片描述
Vetur 0.22.6
ESLint 2.1.1
vsoode 1.42.1(最新)
这样就能完美解决出现这个卡正在加载的问题了
这个问题真的太坑了,真没想到这两个插件会出现冲突

吃不胖爹
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于ElementUI 项目开发的eslint 报错问题的修复
Asgfcsdn的博客
02-16 566
使用操作系统为 Win11Win11使用教程1. 使用ElementUI项目进行开发时因为各自的格式化文档不同难免会遇到各种报错但是大部分都是因为 单引 / 分号 / 逗号 的格式存在报错2. 这时我们在项目的根目录下可以新建一个 .prettierrc 文件进行该项目的个性格式化配置（只对该项目生效不影响其他项目）3. 在新建的文件中输入以下代码消除对应格式的报错及修复。
VScode中配置eslint自动修复
qq_32743975的博客
01-15 1477
对于使用了eslint的项目来说，有时候代码校验是很让人头疼的，所以我们可以借助一些工具来进行自动修复 第一步：vscode中可以安装eslint插件 第二步：点下设置 然后点击这个小图标 第三步：关键在于加上这段代码 第四步：记得开启eslint ...
ESLint插件在VSCode中不提示、不生效
weixin_51705477的博客
02-27 2488
在项目中用命令行能够正常使用eslint但是VSCode上的代码提示没有显示 最终原因和解决方案：版本太新导致，使用2.4.2的及以前的插件版本即可
vscode docker一直加载
最新发布
weixin_28797725的博客
06-30 42
网络连接,Docker相关视频讲解：8分钟了解家庭宽带的接入方式什么是容器Docker介绍如何解决"vscode docker一直加载"的问题 1. 介绍 在使用VSCode进行Docker开发时，有时候会遇到Docker一直加载的问题，这可能是由于配置问题或者网络问题导致的。作为一名经验丰富的开发者，我将向你介绍如...
Vscode安装Eslint扩展后无法实现保存自动修复
IIIIIAN
01-19 1267
一个现有项目引入eslint时，vscode的eslint扩展会报很多错，通过打开eslint的autoFixOnSave配置自动修复。从2.0.4版本开始，eslint扩展就移除了autoFixOnSave配置项。因为保存自动修复成为了vscode的Code Action on Save的一部分，需要在editor.codeActionsOnSave配置项中进行配置，下面的配置对所有提供自动修复的提供方都有效。
【解决】vue项目vscode配置eslint不生效，无法自动检测
Run_youngman的博客
05-19 6861
解决eslint配置不生效的问题。
VScode ESLint 插件不生效原因
japlus的博客
12-28 1万+
前提： 确保eslint配置文件和node_modules在根目录下（vscode打开在项目根目录） 确定安装了vscode eslint插件 确认package.json中安装了 eslint和eslint-plugin等 确认使用命令npx eslint ./xxx.js 可以正常输出，保证eslint配置无误。 如何排查 vscode 按下f1 输入eslint 选择ESLint: Show Output Channel查看eslint报错信息 不生效原因： 当前eslint版..
vite2+eslint+prettier，解决VSCode保存时候自动格式化,导致ESLint报冲突
何以笙箫默jl的博客
11-11 2283
背景描述 以前一直用破解版的Webstorm,没有用过VSCode，到新公司后不让用盗版软件了，自己捣鼓了一下VSCode。配置ESLint、Prettier代码格式化的时候，遇到了大坑！！！！保存后，莫名其妙的又被格式化成4个空格的，整整纠结了2天都没解决。直到遇到了这个文章才解决：解决VS Code保存时候自动格式化_一汀程序狗的博客-CSDN博客_vscode保存时自动格式化不知道从哪个版本起，VS code 保存会自动格式化。以前都是alt+shift+F格式化的，现在一保存就格式化，而且html
【eslint】配置eslint及vscode中eslint的配置
jzq950522的博客
10-25 1458
1.eslint配置 eslint是完全支持自定义配置的代码检查工具，简单两个字：好用! npm i -D eslint eslint-plugin-vue babel-eslint 在项目中安装相关依赖(以vue项目为准) 根目录下创建.eslintrc.js文件作为eslint配置文件 module.exports = { root: true, env: { // 启用 ES...
VSCode 搭配 ESLint 和 Prettier 实现代码规范化
[VSCode 搭配 ESLint 和 Prettier 实现代码规范化](https://img-blog.csdnimg.cn/20190820143541151.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV...
【JavaScript源代码】使用vscode 开发uniapp的方法.docx
12-29
在VSCode中安装ESLint插件，可以实现在保存时自动修复代码风格问题。在扩展市场中搜索“ESLint”并安装。 3. **配置VSCode的settings.json**： 在VSCode中，你需要配置settings.json文件以启用特定的功能。例如，...
VSCode+Javascript+Eslint插件配置
sayUonly的博客
04-14 368
在个人学习项目中，为了不依赖npm的插件库，可以在最小的包里练习代码，我尝试启用VSCode的插件库中的Eslint插件来进行代码检查和修复。 如何配置插件呢？查看了插件介绍之后我得到了如下解决方案。 首先，创建项目的工作区。 工作区保存在自己的项目文件根目录即可。工作区的优势就是可以根据项目的需要配置插件，优化软件加载；也可以根据项目需要配置settings。 接下来，我们先配置默认的settings.json。 { "eslint.run": "onSave", // 保存时运行 "es
ESLint自动修复代码规范错误
weixin_52512511的博客
10-04 538
基于 vscode 插件 ESLint 高亮错误，并通过配置 自动 帮助我们修复错误。在设置中 settings.json添加这段代码就自动修复错误。
vscode中不出现eslint，出现pretter
weixin_43550766的博客
03-25 622
同时安装了Eslint和pretter插件 导致格式化选择内没有eslint 将pretter插件卸载
vscode用ESlint 代码中没有错误提示的原因之一
热门推荐
ljw_jiawei的博客
09-24 1万+
要安装ESlint 和 Vuter 原因一: 把项目拉到vscode时,node_modules外只能有一层 , 有多层时要改path 原因二: { // 基础设置 "editor.tabSize": 2, "window.zoomLevel": 0, "workbench.iconTheme": "vscode-icons", "workbench.startu...
vscode eslint js 不生效
qq_34576748的博客
08-02 2835
除了网上搜到的或者直接看的eslint 的 vscode 插件文档的配置外，如果还不生效，要加上这句 ```js "javascript.eslint.enable": true ```
Eslint自动修复突然不生效了
jinxi1112的博客
01-25 747
我的vscode版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。打开vscode底部状态栏，查看eslint的输出，提示版本问题。之前没问题，今天打开项目突然不好用的，一般就是插件版本问题。
【Vue】关于ESLint自动修复配置显示---类型不正确，预期为“string“问题如何解决
m0_63241410的博客
05-26 769
关于ESLint自动修复配置显示---类型不正确，预期为"string"问题如何解决
Eslint自动修复突然不生效了，解决方案，亲测有效
qq_41920758的博客
05-17 775
版本号是1.7.0，eslint自动升级到2.4.4出现了问题，回退到2.4.2就可以了。在vscode中找到ESLint扩展应用，安装之前的版本，然后重新加载就可以了。之前用了很久都没问题，今天打开项目突然不好用的，一般就是插件版本问题。打开vscode底部状态栏，查看eslint的输出，提示版本问题。完美，重新加载之后就可以用了，太好用了。
vscode中如何使用eslint插件对代码进行修复
05-01
在 VSCode 中使用 ESLint 插件对代码进行修复非常简单。 首先，我们需要在 VSCode 中安装 ESLint 插件。安装完成后，我们需要在项目的根目录下安装 ESLint： ``` npm install eslint --save-dev ``` 然后，我们需要为项目配置一些规则。我们可以使用 `eslint --init` 命令来生成一个 .eslintrc 配置文件，也可以手动创建一个。 接下来，我们需要在 VSCode 中启用 ESLint 插件，以便在保存代码时显示错误和警告。打开 VSCode 设置文件，将以下设置添加到其中： ``` "eslint.enable": true, "editor.codeActionsOnSave": { "source.fixAll.eslint": true } ``` 第一行启用了 ESLint 插件，第二行告诉 VSCode 在保存文件时自动修复 ESLint 问题。 现在，当您在 VSCode 编辑器中打开任何 JavaScript 文件并保存它时，ESLint 插件将自动修复任何问题。如果有多个问题需要修复，ESLint 插件将在保存文件之前显示一个预览并请求您的确认。 除了自动修复，在代码中使用 ESLint 还很方便。如果您看到一个红色波浪线表示有错别字，将鼠标悬停在其上方，ESLint 插件将向您展示听起来有更好的替代方案。如果您在编码时感到困惑，ESLint 插件也可以为您提供重要的建议。 综上所述，在 VSCode 中使用 ESLint 插件对代码进行修复非常方便，并且节省了大量的时间和精力。通过配置正确的规则，并启用自动保存功能，你可以在开发中始终保持代码的正确性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值