How do I set stylelint to fix errors automatically?

Question

stylelint *.css --fix not working as expect. Error reporting works well but a file is not fixed.

package.json

{
  "devDependencies": {
    "stylelint": "^11.1.1",
    "stylelint-config-recess-order": "^2.0.3"
  }
}

.stylelintrc.json

{
  "extends": "stylelint-config-recess-order"
}

style.css (ugly-order properties)

.test {
  height: 100%;
  margin: auto;
  width: 100%;
}

command

$ npx stylelint style.css --fix

output

style.css
 4:3  ✖  Expected "width" to come before "margin"   order/properties-order

Error reporting is fine.
I expect auto-fixing works for a file.

The same setting and config works fine on my computer(macOS), no report but the ugly-order properties had been fixed after running it. — ahgood, Oct 26 '19 at 13:38
I have the same problem! Applied your answer but none effective! I'm using Webstorm! — Afsanefda, Jan 14 '20 at 08:01

score 8 · Answer 1 · answered May 08 '22 at 15:47

auto-correct options for Stylelint. It fixes all issues for me.

To check the errors first:

npx stylelint "**/*.{css,scss}"

To fix the issues for all files (auto-correct options)

npx stylelint "**/*.{css,scss}" --fix

If you want to change it for a specific file.

/npx stylelint src/index.css --fix 

[your file name and path may need to be modified according to your one]

score 4 · Answer 2 · answered Oct 27 '19 at 13:09

4

Resolved. I removed node_modules and package-lock.json. After that I ran npm i. I'm not sure about the cause but works well now.

answered Oct 27 '19 at 13:09

takanopontaro

score 2 · Answer 3 · answered May 10 '22 at 19:17

2

Try npx stylelint --fix style.css (note the --fix is before the CSS files path).

answered May 10 '22 at 19:17

edouardbriere

score 1 · Answer 4 · answered Sep 20 '20 at 16:32

I noticed that this was happening for untracked files. In my case they were .scss files. What I did was,

Added an exception of the file to .stylelintignore
Commited the file to the repo
Removed the exception of the file from .stylelintignore
Had the errors reported to my terminal and run npx stylelint src/scss/_file.scss --fix
All the fixable errors were fixed

score 0 · Answer 5 · answered Jul 12 '23 at 00:39

0

In my case, I used old version of prettier. Upgrading it to latest fixed my problem

answered Jul 12 '23 at 00:39

pumpkinmoonshine

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jul 16 '23 at 06:21