1

I already try a lot of things and read a topic about prettier/prettier and eslint error when using nuxtjs this is my first time using nuxt but I can't seem to make it work. I try to install npm i eslint-config-prettier but nothing happen, I tried this code too npm run lint -- --fix it fix the code but when I add a new code it still give me the error.

I try this topic but still not solved:

eslint-and-prettier-battle-for-supremacy

add a lint:fix command to package.json

this is the screenshot I got:

This the error message that i got

this is my carousel code:

<template>
  <h1>Test boy</h1>
</template>

<style scoped>
  h1 {
    color: black;
  }
</style>

can someone help me?

Rakish Frisky
  • 665
  • 7
  • 23
  • What text editor do you use? Does it show invisible spaces `..` ? – emare Sep 06 '19 at 18:09
  • Based on the screenshot of the error message, looks like that prettier is pointing to some distinct spaces `..` that your editor is not showing them. If you are using Atom try `Preferences > Editor > Show Invisibles`. – emare Sep 06 '19 at 20:26
  • I'm using visual studio code for the editor, @emare as for `..` it not showed – Rakish Frisky Sep 09 '19 at 02:55
  • can you try adding `"editor.renderWhitespace": "all"` to your vs code config file and see if it shows whitespaces even in other files? more info: https://stackoverflow.com/questions/30140595/show-whitespace-characters-in-visual-studio-code/40037865 – emare Sep 09 '19 at 03:40
  • I tried it and now i see there is a lot of bullet like `..` in my code – Rakish Frisky Sep 09 '19 at 03:50
  • great. now remove the unnecessary ones and see if you still get those three lint errors – emare Sep 09 '19 at 04:02

0 Answers0