webpack5 中一些关于 ESLint 语法检验的报错问题解决
报错问题如下图所示:


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

-
问题二: Missing semicolon
这个报错的意思就是: 少了分号, Missing 是缺少,缺失的意思, semicolon 是分号的意思, 因为我的 app.js 文件中写的代码是这样的: console.log(‘hello eslint’), 结尾没写 分号

只要在这行代码后面加上 分号就不会再报错了

-
问题三:Expected linebreaks to be ‘LF’ but found ‘CRLF’
这个报错和问题一是一样的,就不再多啰嗦了,上面已经写了解决方法 -
问题四: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 中的一个坑… 挺无语的

-
问题五:Newline required at end of file but not found eol-last
这个报错的意思是: 文件的末尾需要换行,但是没有找到 ,这个报错也挺无语的
解决办法:敲一下回车换个行 (简单粗暴)

或者不嫌麻烦的话, 在 .eslintrc.json文件中加上这行代码: “eol-last”: 0 也行

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

4万+

被折叠的 条评论
为什么被折叠?



