当在gulp项目中使用eslint时,我遇到过这样的错误问题 预期换行符是“LF”,但发现“CRLF”换行风格,我使用Windows环境的运行gulp和整个错误日志如下所示

 Kiran (master *) Lesson 4 $ gulp
 Using gulpfile c:\Users\Sai\Desktop\web-build-tools\4\
 gulpfile.js
 Starting 'styles'...
 Finished 'styles' after 17 ms
 Starting 'lint'...
 'lint' errored after 1.14 s
 ESLintError in plugin 'gulp-eslint'
 sage: Expected linebreaks to be 'LF' but found 'CRLF'.
 ails: fileName: c:\Users\Sai\Desktop\web-build-tools\4\js\extra.js



$>Users\Sai\Desktop\web-build-tools\4\js\extra.js
error  Expected linebreaks to be 'LF' but found 'CRLF'  linebreak-style

我还包括extra.js文件作为错误指示可能的错误。

function getWindowHeight() {
    return window.innerHeight;
}

getWindowHeight();

当前回答

发生在我身上,因为我运行git配置核心。这是真的,我忘记了回头。

在那之后,当我签出/提取新代码时,所有LF (Unix中的换行符)都被CRLF (Windows中的换行符)所取代。

我运行linter,所有错误消息都是预期换行符为“LF”,但发现“CRLF”

为了解决这个问题,我通过运行git config——list | grep selflf检查了selflf的值,我得到:

core.autocrlf=true
core.autocrlf=false

我编辑了全局GIT配置~/。Gitconfig,并将selflf = true替换为selflf = false。

之后,我进入我的项目并执行以下操作(假设代码在src/文件夹中):

CURRENT_BRANCH=$(git branch | grep \* | cut -d ' ' -f2);
rm -rf src/*
git checkout $CURRENT_BRANCH src/

其他回答

检查你是否在你的.eslintrc或源代码中配置了如下换行样式的规则:

/*eslint linebreak-style: ["error", "unix"]*/

因为你在Windows上工作,你可能想要使用这个规则:

/*eslint linebreak-style: ["error", "windows"]*/

请参阅换行样式的文档:

When developing with a lot of people all having different editors, VCS applications and operating systems it may occur that different line endings are written by either of the mentioned (might especially happen when using the windows and mac versions of SourceTree together). The linebreaks (new lines) used in windows operating system are usually carriage returns (CR) followed by a line feed (LF) making it a carriage return line feed (CRLF) whereas Linux and Unix use a simple line feed (LF). The corresponding control sequences are "\n" (for LF) and "\r\n" for (CRLF).

这是一个可以自动修复的规则。命令行上的——fix选项自动修复由该规则报告的问题。

但是如果您希望在代码中保留CRLF行结束符(因为您在Windows上工作),则不要使用fix选项。

尝试使用linter的——fix标志来解决这个问题。

eslint filePath——修复

这里有一个非常好的方法来管理这个错误。你可以把下面的代码放到.eslintrc.js文件中。

根据操作系统,它将使用适当的行结束符。

rules: {
        'linebreak-style': ['error', process.platform === 'win32' ? 'windows' : 'unix'],
 }

我发现它很有用(我想忽略换行而不改变任何文件),在.eslintrc中使用换行样式忽略它们,按照这个答案:https://stackoverflow.com/a/43008668/1129108

module.exports = {
  extends: 'google',
  quotes: [2, 'single'],
  globals: {
    SwaggerEditor: false
  },
  env: {
    browser: true
  },
  rules:{
    "linebreak-style": 0
  }
};

如果你正在使用WebStorm并且你在Windows上,我建议你点击设置/编辑器/代码样式/常规选项卡,并从下拉菜单中选择“Windows (\r\n)”。这些步骤也适用于Rider。