How to remove the Insert ; errors in react-native followed by prettier prettier

Question

Trying to fix the error since long , not able to figure it out why I am getting errors due to some prettier/prettier thing which keeps on saying that 'Insert ;' / 'Insert enter' in my react-native project.

Also showing error in App.js ERROR: Line 1:9 : Replace View,.Text with .View, .Text. prettier/prettier

Here is my .eslintrc.js file :

module.exports = {
    root:true,
    extends:'@react-native-community'
}

Here is my prettier.js file :

module.exports = {
    arrowParens:'avoid',
    bracketSameLine:true,
    bracketSpacing:false,
    singleQuote:true,
    trailingComma: 'all',
}

App.js first line

import {View , Text} from 'react-native'

I have installed the need eslint and other packages but it didn't solved.Also I don't have any VScode extensions related to them installed. Any help would be appreciated !

Mel Carlo Iguis · Accepted Answer · 2022-06-30 07:54:28Z

0

have you tried to installing prettier - code formatter . and also try to enable format on save How do you format code on save in VS Code

answered Jun 30, 2022 at 7:54

Mel Carlo Iguis

1562 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tanvesh · Accepted Answer · 2022-06-30 09:31:38Z

0

Got the answer after searching a lot!

Change eslintrc.js a bit as below:

module.exports = { root:true, extends:'@react-native-community' rules:{ 'prettier/prettier':0 } }

That would solve the issue!

answered Jun 30, 2022 at 9:31

Tanvesh

1252 silver badges15 bronze badges

Comments

Ashif AL · Accepted Answer · 2024-05-22 04:56:43Z

0

Here is my .eslintrc.js file before :

module.exports = {
    root:true,
    extends:'@react-native-community'
}

Here is my .eslintrc.js file After:

 module.exports = {
  root: true,
  extends: '@react-native',
  rules: {
    "prettier/prettier": "off",
  },
  arrowParens:'avoid',
    bracketSameLine:true,
    bracketSpacing:false,
    singleQuote:true,
    trailingComma: 'all',
};

This Works fine!

answered May 22, 2024 at 4:56

Ashif AL

6297 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to remove the Insert ; errors in react-native followed by prettier prettier

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related