webpack5 中一些 关于 ESLint 语法检验的报错问题解决

本文详细介绍了Webpack5配置中遇到的ESLint常见报错,如换行规范、分号遗漏、空行限制等,并提供了相应的解决策略。通过调整.eslintrc.json配置,轻松处理这些问题,提升代码质量。

webpack5 中一些关于 ESLint 语法检验的报错问题解决

报错问题如下图所示:
在这里插入图片描述
在这里插入图片描述

  1. 问题一:Expected linebreaks to be ‘LF’ but found ‘CRLF’
    意思就是 换行符应该是 ‘LF’, 但发现你用的是 ‘CRLF’,Dos和Windows使用回车+换行CR / LF来指示下一行,即^M((不是换行符,不显示换行符,$是文本EOF结束的表示)
    解决办法如下所示:
    只需要在 .eslintrc.json 文件中加上 “linebreak-style”: [“error”, “windows”] 这行代码就行
    在这里插入图片描述

  2. 问题二: Missing semicolon
    这个报错的意思就是: 少了分号, Missing 是缺少,缺失的意思, semicolon 是分号的意思, 因为我的 app.js 文件中写的代码是这样的: console.log(‘hello eslint’), 结尾没写 分号
    在这里插入图片描述
    只要在这行代码后面加上 分号就不会再报错了
    在这里插入图片描述

  3. 问题三:Expected linebreaks to be ‘LF’ but found ‘CRLF’
    这个报错和问题一是一样的,就不再多啰嗦了,上面已经写了解决方法

  4. 问题四:Too many blank lines at the end of file. Max of 0 allowed no-multiple-empty-lines
    Too many blank lines at the end of file 这个报错的意思是: 文件的 末尾有太多空行, Max of 0 allowed no-multiple-empty-lines 就是 最大值是 0, 不允许有多个空行
    解决办法:删掉文件里多余的空行就行
    ESLint 中的一个坑… 挺无语的
    在这里插入图片描述

  5. 问题五:Newline required at end of file but not found eol-last
    这个报错的意思是: 文件的末尾需要换行,但是没有找到 ,这个报错也挺无语的
    解决办法:敲一下回车换个行 (简单粗暴)
    在这里插入图片描述
    或者不嫌麻烦的话, 在 .eslintrc.json文件中加上这行代码: “eol-last”: 0 也行
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值