将`'react'`替换为`"react"`eslint(prettier/prettier)

Question

本地环境：

• IDE：vscode
• 语言模式：JavasSript React

import React from 'react';

出现了语法错误提示：

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

我该怎么配置它？

---

在.eslintrc.js中。

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

感谢您的回答。 规则 可以解决。

但是我想知道 @react-native-community 是从哪里来的。我没有看到这个文件。

- ebyte

Answer 1

你可以尝试像这样做，这对我有效。 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
}

- Olivier Lépine

Answer 2

请查看此处的文档。 它指定了singleQuote选项，可以在prettier的配置文件或package.json中进行配置，例如：

"prettier": {
    "singleQuote": true
}

如果您需要其他配置选项，请查看此处。

- Lucas Manzke

Answer 3

在 eslint/prettier 配置中，您已启用了“双引号”。

请检查以下内容：

• 前往 vscode 设置 (ctrl + ,) (cmd + ,) 并搜索 single quote 并将其禁用。

- Nitin Kumar