將 `'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'],
  }
};

謝謝您的回答。 Rules可以解決

但我想知道@react-native-community來自哪里。 我沒有看到這個文件。

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
}

Answer 2

看看這里的文檔。 它指定了 singleQuote 選項，可以在 prettier 的配置文件或 package.json 中配置，即：

"prettier": {
    "singleQuote": true
}

有關其他配置選項，請查看此處。

Answer 3

您可以通過在項目中調整.eslintrc來進行配置。 上面的錯誤與引號規則有關。

Answer 4

在 eslint/prettier 配置中，您啟用double quotes 。

檢查以下內容：

• 轉到 vscode 設置(ctrl +,) (cmd +,)並搜索single quote並將其禁用。