Replace `'react'` with `"react"` eslint(prettier/prettier)

Question

Local environment:

IDE: vscode
Language mode: JavasSript React

import React from 'react';

A syntax error message appears:

Replace `'react'` with `"react"`eslint(prettier/prettier)

How can I configure it?

in .eslintrc.js

module.exports = {
  root: true,
  extends: '@react-native-community',
  rules: {
    quotes: [1, 'single'],
  }
};

Thank you for your answer. Rules can be solved

But I want to know where @react-native-community comes from. I didn't see this file.

Olivier Lépine · Accepted Answer · 2019-11-20 08:30:38Z

9

You can try something like this, it works for me.

package.json

  "devDependencies": {
    "eslint-plugin-prettier": "^3.1.1",
    "prettier": "^1.18.2"
  },

.eslintrc

{
  "extends": "react-app",
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

.prettierrc

{
  "semi": false,
  "trailingComma": "all",
  "singleQuote": true,
  "printWidth": 80,
  "tabWidth": 3
}

answered Nov 20, 2019 at 8:30

Olivier Lépine

7185 silver badges15 bronze badges

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

Comments

Lucas Manzke · Accepted Answer · 2019-11-20 08:28:48Z

1

Have a look at the documentation here. It specifies the singleQuote option, which could be configured in a configuration file for prettier or in the package.json, i.e.:

"prettier": {
    "singleQuote": true
}

For other options of configuration, have a look here.

answered Nov 20, 2019 at 8:28

Lucas Manzke

1281 silver badge8 bronze badges

Comments

Nitin Kumar · Accepted Answer · 2019-11-20 08:28:22Z

0

In eslint/ prettier configuration, you have enabled double quotes.

check the following:

goto vscode settings (ctrl + ,) (cmd + ,) and search for single quote and disable it.

answered Nov 20, 2019 at 8:28

Nitin Kumar

1,5562 gold badges13 silver badges19 bronze badges

Collectives™ on Stack Overflow

Replace `'react'` with `"react"` eslint(prettier/prettier)

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related