ESlint报错如何解决

最新推荐文章于 2023-07-20 14:01:54 发布
最新推荐文章于 2023-07-20 14:01:54 发布
阅读量3.7k 收藏
点赞数
分类专栏： 项目实践
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40282016/article/details/117369323
版权
本文介绍了如何处理ESlint在WebStorm中显示的警告和错误，包括蓝色、黄色和红色波浪线的含义及解决方法。针对不同类型的报错，提供了关闭提示、修改代码和调整配置等解决方案，并通过实例说明如何根据ESlint提示修复问题，如将require改为import导入。同时强调了解决ESlint问题对于代码质量和团队协作的重要性。
摘要由CSDN通过智能技术生成

如何解决ESlint报错

在这里插入图片描述

  • 蓝色波浪线：警告，不用管
  • 黄色波浪线：没有加分号，自动格式化
  • 红色波浪线：要解决

解决方法（核心：还是看提示）

1.鸵鸟做法（不推荐）

  • 关闭WebStrom提示
    1.将圆拖到none就是不检查，中间就是弱检查
  • 关闭命令行检查
    在文件最上方添加/*eslint-disable*/
  • 这样在提交代码的时候ESlint就不会管
    在这里插入图片描述

2.改代码（根据提示）
在这里插入图片描述

  • 提示：require不是一个import语句
  • 解决：不是import就改为import导入即可

3.改配置（根据提示）
在这里插入图片描述

  • 直接关掉这个require的检查项
  • WebStrom给出了相应配置的改法
一生注定学霸命
关注
专栏目录
vscode配置Eslint后保存出现大量波浪线
weixin_49352307的博客
09-28 311
快捷键打开设置：ctrl+shift+P。解决问题：配置代码格式化。
Vue学习-1（12）eslint 报错如何解决
hell_csdn的博客
12-30 237
vue.config.js 方法一：关提示 关ide提示 commit的命令行lint检查提示 首行添加eslint ignore注释 方法二：改代码 node8不支持import，高版本就直接用import代替commonjs的require 方法三：改配置 让eslint不管我使用require语法 ...
ESLint 报 ‘require‘ is not defined no-undef
莘栀的博客
01-13 8582
项目中在 .vue 文件中直接使用 node.js 语法可能会报 ESLint 报错 需要修改下 eslint 的配置，一般 eslint 配置文件为 .eslintrc.js // .eslintrc.js module.exports = { env: { node: true // 只需将该项设置为 true 即可 }, //此处省略其他配置 }; ...
【已解决】eslint只在控制台报错，不在代码中显示红色错误信息了
小鱼干儿的博客
06-11 6888
【已解决】eslint只在控制台报错，不在代码中显示红色错误信息了修改方法 今天一打开我的vscode不知道点了什么还是自己变的，当我的语法格式不符合eslint时，只在控制台报错，不在代码段中显示红色波浪线的错误信息了。 从前如果显示红色波浪线错误信息，大多数的错误是可以点击它的自动修复的，但是自从错误只在控制台报错，就只能自己先找到错误的地方，然后手动修改，很麻烦。。。 修改方法 在命令面板中搜索 settings.json (命令面板打开方法：Ctrl+Shift+P) 打开vscode的设置文件，
import和require（你有过疑惑么）
Indomite的博客
12-14 432
首先关于 import 和 require，这都是模块化编程时常需要使用到的 类似于 java 可以直接引用所需的类，而 JS 通过模块化，可以实现这种思想 import和require 所属规范： require 是CommonJS/AMD中为了解决模块化语法而引入的 import 是ES6引入的新规范，需要将es6转换成es5 调用时间 require 是运行时调用，可以放在任何地方 import 是编译时调用，也就是说需要放在文件的开头 （比如说在Vue项目中引入组件，需要将import放在 comp
ESLint报错解决方案.docx
10-26
### ESLint报错解决方案 #### 问题描述 在使用ESLint的过程中，可能会遇到一个常见的错误：“error: No ESLint configuration found”。此错误通常出现在项目的构建过程中或开发环境中，例如使用Visual Studio ...
eslint报错解决
最新发布
07-27
- *3* [eslint导致的报错解决](https://blog.csdn.net/qq_34761385/article/details/130991698)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...
解决：使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined
m0_67394002的博客
03-07 2589
解决：使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps’ is not defined Vue 3 的 Script Setup 语法引入了 defineProps、defineEmits、defineExpose、withDefaults 的编译器宏。然而某些情况下，ESLint 会报错以上编译器宏函数未定义。 本文将介绍两种解决方案来解决这个问题（假定你的项目使用 Vue-Cli 进行初始化）。 Step 1. 检查 eslint-plugin-vue 的
关于ElementUI 项目开发的eslint 报错问题的修复
Asgfcsdn的博客
02-16 638
使用操作系统为 Win11Win11使用教程1. 使用ElementUI项目进行开发时因为各自的格式化文档不同难免会遇到各种报错但是大部分都是因为 单引 / 分号 / 逗号 的格式存在报错2. 这时我们在项目的根目录下可以新建一个 .prettierrc 文件进行该项目的个性格式化配置（只对该项目生效不影响其他项目）3. 在新建的文件中输入以下代码消除对应格式的报错及修复。
webStorm和phpStorm安装 ESLint 及解决ESLint报错问题
weixin_39177580的博客
07-27 2394
IntelliJ IDEA 安装 ESLint 及解决TypeError: this.cliEngine is not a constructor报错 总结了一下辛历路程: 先检查一下有没有安装ESLint 注意：每个项目都需要安装ESLint 如果没有安装一下，安装步骤： 1、安装ESLint npm install --save-dev eslint babel-eslint eslint-config-alloy 或 cnpm install --save-dev eslint babel-eslin
关于vue eslint ident缩进红色波浪线及尾随空格
pulledup的博客
10-06 1813
导致了，缩进为 2 * 2 = 4，js文件一点保存，就起“红色波浪线”而“警示”，只要你看得惯，那你就不改吧？eol尾随“LF”换行符，而非“尾随空格”，是要求的方式，但实际中，我们不经意的给空格。选项 自动修复，在“ESLint v4.0.0中已弃用”。好像，说的含含糊糊......强制一致的缩进的fix补丁，其中，看Configuration配置部分。缩进遗留”及“尾随空格”
关闭eslint 黄色波浪线 Expected a linebreak before this attribute.
weixin_43845028的博客
07-20 2877
官方文档 https://eslint.vuejs.org/rules/first-attribute-linebreak.html#vue-first-attribute-linebreak。在.eslintrc.js 文件中的rules加上。
eslint语法报错解决
专研前端，探索后端
07-31 5657
eslint语法报错解决
require() of ES modules is not supported.ts项目中添加js文件报错
a_bald_girl的博客
10-20 4632
Must use import to load ES Module:
解决vue文件代码出现红色波浪线
jewels_w的博客
09-03 6085
这个报错的信息是，应该缩进四个空格但是我缩进了八个空格。从红色波浪线爆出的信息可以看出如果我这样编写代码是没有语法错误的只是没有符合。输入eslint.enable后找到拓展中的ESLint，将其勾选取消。在vue常见的模板中，报错出现很多红色波浪线，检查后并不是语法错误，强迫症的我看着及其很不舒服。点击左下角设置按钮-->选择设置。然后重新启动，波浪线就会消失。
ESLint 报错解决
Alice_hhu的博客
08-13 2100
/xxx/components/xxx import should occur after import of /xxx/utils/xxx import/order // .eslintrc.js rules: { 'simple-import-sort/sort': 'off', },
eslint红色波浪线错误
aaaaaaiiiwo的博客
07-11 410
eslint常见波浪线错误
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值