将`'react'`替换为`“ react”`eslint（漂亮/漂亮）

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

您可以通过在项目中修改.eslintrc来进行配置。上面的错误与quotes rule有关。

Answer 2

在eslint /更漂亮的配置中，您已启用double quotes。

检查以下内容：

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

Answer 3

请参阅文档here。它指定了singleQuote选项，可以在更漂亮的配置文件中或在package.json中配置它，即：]

"prettier": {
    "singleQuote": true
}

有关其他配置选项，请看here。

Answer 4

您可以尝试类似的方法，它对我有用。

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 5

从'反应'导入React'

会引发错误吗？

让我们澄清一些事情