Fixing the linebreak-style eslint error for Windows

[protoEvangelion]

On Windows, with the current eslint setup, you get this error: Expected linebreaks to be 'LF' but found 'CRLF'.

The eslint site says this is because Unix and Windows have two different linebreaks.

Is there a better way to fix this besides adding "linebreak-style": 0, to the .eslintrc file?

[diegohaz]

Adding a .editorconfig plugin for your IDE/editor solves it?

This file configures the editor to add an LF on line endings: https://github.com/diegohaz/arc/blob/master/.editorconfig

You might also be interested on a React UI toolkit library I'm working on.

[protoEvangelion]

I'm using atom. Do I have to wire it up somehow to make that take effect?

[ajhool]

Atom natively supports this feature (see this issue):
atom/line-ending-selector#5

Summary:
Select File->Settings
Select ‘Packages’
Under Core Packages->line-ending-selector, select ‘Settings’
Under the ‘Default line ending’ setting, choose ‘LF’ in the dropdown
You new files will now use LF as the default line ending setting. You can confirm this in the Atom status bar.

[diegohaz]

You can also run npm run lint -- --fix to get rid of current CRLF

You might also be interested on a React UI toolkit library I'm working on.

[protoEvangelion]

Thanks @ajhool and @diegohaz! Looks like changing the Atom core package setting to LF fixed it :)

[joseph-teb]

------------------for windows globe in package.son will read all import files---add--
"rules": {
"linebreak-style": 0,
"global-require": 0,
"eslint linebreak-style": [0, "error", "windows"],

[pashute]

after npm install -g babel-eslint (had to repeat a few times and after closing windows, finally installed ok...)

change your .eslintrc.js to this:

module.exports = {
//extends: 'airbnb',
parser: 'babel-eslint',
env: {
  browser: true
},
plugins: ['react'],
  extends: ['eslint:recommended', 'plugin:react/recommended'],
rules: {
  // overrides
 }

};

react-native info gives me this:

Environment:
  OS: Windows 10
  Node: 8.11.1
  Yarn: 1.6.0
  npm: 6.0.1
  Watchman: Not Found
  Xcode: N/A
  Android Studio: Version  3.1.0.0 AI-173.4670197

Packages: (wanted => installed)
  react: 16.3.1 => 16.3.1
 react-native: 0.55.3 => 0.55.3

[bdjunayed]

In User settings for the Vscode search crlf, and adjust your settings.

[Jaman-dedy]

I've got the same problem, it was due by the git configuration. when I commited file il the given branch, eof lf was radicaly changed into crlf. look out this link.. https://eslint.org/docs/2.0.0/rules/linebreak-style
you have to add in your .eslintrc.json in rules the following line
"linebreak-style": [2, "windows"]