Eslint校验报错处理方法

最新推荐文章于 2024-08-03 16:15:33 发布
最新推荐文章于 2024-08-03 16:15:33 发布
阅读量1.2k 收藏
点赞数
分类专栏： eslint 文章标签： javascript react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45315794/article/details/119752949
版权

Eslint校验报错处理方法

在遇到Eslint校验规则时，报下列错或警告：

在这里插入图片描述

1.遇到 no-unused-vars、no-unused-expressions、no-undef、no-restricted-globals等错时，可以在配置Eslint中 rules进行关闭该功能的校验
2.如果遇到某个文件（如引入的插件 min.js）时，报错及警告太多，可以在根文件创建=> .eslintnore (别忘记前面一个点），在其中进行配置，如下图：
/src/view => src文件下view文件忽略校验
![在这里插入图片描述](https://img-blog.csdnimg.cn/49aecec84d054cc5a2e4eae7fe6fbbda.png#pic_center在这里插入图片描述

1、如是单独文件中配置Eslint

在创建的.eslintrc.js 中配置所需的校验规则，如下图：在这里插入图片描述

2、引用的脚手架 例如如create-react-app等

在package.json中配置校验规则：
在这里插入图片描述

行致
关注
专栏目录
Vue3+vue/cli4.5.x版本升级采坑(3) - Eslint校验报错/Vue语法不兼容
sherleysong的专栏
04-21 1万+
“@vue/component-compiler-utils”: “^3.1.2”, “vue-template-compiler”: “^2.6.12”, “babel-plugin-component”: “^1.1.1”, “less”: “^4.1.1”, “style-resources-loader”: “^1.4.1”, “vue-cli-plugin-style-resources-loader”: “~0.1.5” 报错问题截图 代码层面改造： .native报错 <!
vscode配置eslint解决终端语法报错
weixin_40581714的博客
08-26 2636
1.问题出现场景 在github拉取代码，或者自己用脚手架vue cli搭建项目，终端出现不符合eslint的语法错误，非常难受 2.解决办法 第一安装eslint 第二配置setting 文件->首选项->设置->搜索eslint 填写以下配置代码 // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存
关于ESlint的使用--quiet快速定位error报错文件
bubbleSweet的博客
12-07 714
关于ESlint的使用--quiet快速定位error报错文件
利用ESLINT进行js 语法检查，以及局部安装时遇到的一些坑
swallowblank的博客
07-30 467
利用ESLINT进行js 语法检查，以及局部安装时遇到的一些坑 1）安装ESlint，这里我说一下全局安装，一会我会说我为什么不局部安装。 npm install eslint -g 2）创建一个你的项目文件夹，随便起个名字吧，并初始化 cd myapp npm init -y 3）在myapp下创建index...
Vue项目启动ESLint报错no-unused-vars解决办法
最新发布
程序员大佬超的博客
08-03 637
如题。
解决eslint报错
qq_33712668的博客
07-25 1万+
引言 在创建vue3项目的时候选择了eslint校验的standard模式，且在文件保存时校验。最后写出来的代码报了几百个错误，下面是一些解决办法 1. eslint --fix eslint报错的时候会报错误文件的地址，比如： 直接把绿色部分的地址复制，在terminal中输入 eslint --fix src/components/base/depart-selector.vue 大部...
eslint导致的报错解决
qq_34761385的博客
06-01 1万+
当你利用脚手架在创建vue项目时，无脑创建下默认一定会安装eslint代码检测工具。那么你的噩梦就来了。eslint作为代码规范检测，不得不承认它的强大，但是绝对是会逼死一众强迫症患者。比如你只是简简单单运行一个vue项目，报错一大堆，是不是瞬间就头大了。不过，仔细看一下就知道，这种报错很明显就是eslint检测的结果。所以，对症下药。
(ESLint)常用配置,我自己在用的，经常更新
前端学习笔记
06-10 727
"indent":[0],//缩进 // allow async-await 'generator-star-spacing': 'off',//函数前后空格 // allow debugger during development 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : '...
vue项目关闭eslint校验
11-30
关闭eslint校验 有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关闭eslint校验。 下面就介绍一下...
vue-cli3 取消eslint校验代码的解决办法
11-21
总之，`vue-cli3` 中取消`eslint` 校验代码的方法主要是通过修改`vue.config.js` 文件的`lintOnSave` 配置，以及使用`.eslintrc` 配置文件来实现局部或全局的规则调整。在开发过程中，适度地禁用`eslint` 可能会提高...
一些使用eslint检查的报错、原因和处理
qfm17773971907的博客
06-21 6456
一些使用eslint检查的报错、原因和处理
解决Vue项目中Eslint校验代码报错的问题
weixin_39764056的博客
06-06 6646
在使用脚手架创建Vue项目时，一般会安装Eslint插件，这个主要是校验代码格式和规范用的，但是它很有点让人抓狂，因为很多校验规则和代码规范，你只要不按照它的格式来，直接导致项目编译报错，运行不了项目，这个是非常令人讨厌的。它不像idea里安装alibaba插件，校验代码规范只是会提示，并不会导致你项目都不能编译和运行。尤其小白刚学习Vue和使用这插件时，那简直是痛苦不堪，深受其害（有人说不装那插件不就行了，但个人觉得，代码规范任何时候都很重要，装了是利大于弊），网上看过很多解决方法，零零散散有的也不好使，
eslint 禁用命令
08-21 2615
https://www.cnblogs.com/smzd/p/9848691.html 'rules': { "comma-dangle": ["error","never"],//是否允许对象中出现结尾逗号 "no-cond-assign": 2,//条件语句的条件中不允许出现赋值运算符 "no-console": 2,//不允许出现console语句 "no-constant-condition": 2,//条件语句的条件中不允许出现恒...
Expected an assignment or function call and instead saw an expression no-unused-expressions
web_xiaolei的博客
12-05 1万+
字面意思：应为赋值或函数调用，而不是看到表达式没有未使用的表达式 很可能是js表达式调用的是函数方法，却没有执行方法，或者准备定义某变量，却没有赋值。 如： submit=()=>{ console.log(1) } onClick={()=>{this.submit}} //错误 修改： onClick={this.submit} //正确 //或者 onclick={()=&g...
ESLint规则整理与实际应用
热门推荐
lhb_11的博客
09-13 1万+
1.安装1.1本地安装(运用到此项目)$ npm install eslint --save-dev1.2全局安装（运用到所有项目）$ npm install -g eslint2.配置2.1使用 .eslintrc 文件$ eslint --init2.2在 package.json 中添加 eslintConfig配置块2.3直接在代码文件中定义2.3.1 禁用 ESLint：/* eslint
关闭react gatsby项目的eslint
陈慕一的博客
09-22 533
看了下对于关掉eslint网上大多数都是关于create-react-app的项目,今天遇到了通过gatsby生成的静态项目,gatsby是一个能够通过react把纯文本挂载到网页上的工具,关于别的大家要是有兴趣可以自行查找资料； 我们需要在最外层创建一个.eslintrc.js的文件, module.exports = { globals: { __PATH_PREFIX__: true, }, extends: `react-app`, rules: { "no-u
eslint 配置_React项目配置ESlint总结
weixin_39770416的博客
11-26 844
上篇文章写了原生微信小程序配置ESlint总结，现在对React项目配置ESlint也做一总结。cd到我们的项目，安装ESlint：cnpm 2. 创建ESlint配置文件.eslintrc.js：eslint 以上选项一路回车即可，这些就是使用的eslint规则，后面可以自定义调整；4. 安装 eslint-plugin-react 等相关依赖：cnpm 5. .eslintrc.js文件其他配...
作为一名合格的React前端，必知window.event与SyntheticEvent的区别
小陈的博客
12-19 298
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
vue-admin-template的Eslint校验规则
08-11
vue-admin-template 是一个基于 Vue.js 和 Element UI 的开源后台管理系统模板，它使用了 ESLint 进行代码校验和规范。 以下是 vue-admin-template 默认的 ESLint 校验规则： ```javascript module.exports = { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值