12

I am trying to get rid of the error in relation to @vue/prettier. I have tried a few things, but it seems to throw up even more errors.

My .eslintrc.js is as follows:

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
  },
  parserOptions: {
    parser: "babel-eslint"
  }
};

I tried "endOfLine":"auto" within the rules part but this then cause more and also 'prettier/prettier': ['error', {endOfLine: 'auto'}]

I have removed tabbed spacing from the bewlow;

    events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

To be formatted like this;

        events_filtered_monthsNews: function() {return this.news.filter(u => u.monthsNews)},

Which removes warnings but now creates even more errors and is totally impractical for working.

Al-76
  • 1,738
  • 6
  • 22
  • 40

5 Answers5

21

endOfLine

If you don't care about line endings, set endOfLine to off:

// .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { endOfLine: "off" }],
  },
};

tabWidth

Your current text is using 4-space tabs, but Prettier by default expects 2-space tabs.

So this input:

    events_filtered_monthsNews: function() {
        return this.news.filter(u => u.monthsNews)
    },

should be this:

  events_filtered_monthsNews: function() {
    return this.news.filter(u => u.monthsNews)
  },

If you prefer 4-space tabs, configure Prettier's tabWidth to 4:

// .eslintrc.js
module.exports = {
  rules: {
    "prettier/prettier": ["error", { tabWidth: 4 }],
  },
};
tony19
  • 125,647
  • 18
  • 229
  • 307
5

If you get an error for endOfLine: "off", following worked for me:

rules: { "prettier/prettier": ["error", { endOfLine: "auto" }] }
Nenad Jeremic
  • 74
  • 1
  • 5
4

I got Some error, "error Delete ␍ prettier/prettier" in multiple lines on my code, then I resolved this issue by follow these steps below:

Open Your project:

cd "project folder"

This command can fix all errors

npm run lint --fix

Then:

npm run lint

Initially reports errors, but should be fixed once nuxt/create-nuxt-app#100 is released.

saad chaay
  • 51
  • 1
2

If you want to disable (prettier/prettier) use this code. In the .eslintrc.json file

rules: { 'prettier/prettier': 'off' },

enter image description here

hamid choopani
  • 124
  • 4
0

If you are using visual studio code, it could be that vs code is automatically adding the carriage return for you. You can disable this by by clicking on CRLF in the blue bar in the bottom right of your screen. Setting it to LF fixed the problem for me.

Laila
  • 1