Error " prettier/prettier: Delete `·· ` " while setting up prettier on vim

Question

I created a NextJs project and I wanted to integrate Prettier ans Eslint to help me out. Here's my config files:

.prettierrc

{                                                                               
     "trailingComma": "es5",                                                       
    "semi": true,                                                                 
    "singleQuote": true,                                                          
    "tabWidth": 2,                                                                
    "endOfLine": "auto"        
}    

.eslintrc

   {                                                                               
     "plugins": ["prettier"],                                                      
     "extends": ["prettier"],                                                      
     "rules": {                                                                    
       "prettier/prettier": "error"                                                
     },                                                                            
   "parserOptions": {                                                              
         "ecmaVersion": 7,                                                         
        "sourceType": "module",                                                   
        "ecmaFeatures": {                                                         
            "jsx": true,                                                          
        }                                                                         
    }                                                                             
  }  

I also have a .editor config file

# EditorConfig is awesome: http://EditorConfig.org                              
  2                                                                                 
  3 # top-most EditorConfig file                                                    
  4 root = true                                                                     
  5                                                                                 
  6 # Unix-style newlines with a newline ending every file                          
  7 [*]                                                                             
  8 end_of_line = lf                                                                
  9 insert_final_newline = true                                                     
 10 indent_style = space                                                            
 11 indent_size = 4                                                                 
 12 charset = utf-8                                                                 
 13                                                                                 
 14 [*.{js,json}]                                                                   
 15 indent_size = 2                                                                 
 16                                                                                                                
 17 [*.sql]                                                                                                        
 18 indent_size = 8 

When save my files, I get the error

prettier/prettier: Delete `··`

Can someone help me out?

Answer 1

there is a conflict between .prettierrc and .editorconfig . ESLint will only follow what is in the .prettierrc . In your case, your file is following .editorconfig rule (that overwrites what is in .prettierrc ) but your ESLint is following .prettierrc rule.

in your .prettierrc ,

"tabWidth": 2

in your .editorconfig ,

indent_size = 4

you can either set "tabWidth": 4 or remove indent_size = 4 to resolve the problem (depends on whether you prefer 2 or 4).

in fact these parameters in .editorconfig

end_of_line
indent_style
indent_size/tab_width
max_line_length

will conflict with these in .prettierrc

"endOfLine"
"useTabs"
"tabWidth"
"printWidth"

you can either let .editorconfig to follow .prettierrc default or sync both .editorconfig and .prettierrc for things to work properly.