将 `'react'` 替换为 `"react"` eslint(prettier/prettier)
Replace `'react'` with `"react"` eslint(prettier/prettier)
本地环境:
- 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
来自哪里。我没有看到这个文件。
在eslint/prettier配置中,您启用了double quotes
。
检查以下内容:
- 转到 vscode 设置
(ctrl + ,) (cmd + ,)
并搜索 single quote
并禁用它。
查看文档 here。它指定了 singleQuote 选项,可以在 prettier 的配置文件中配置,也可以在 package.json 中配置,即:
"prettier": {
"singleQuote": true
}
其他配置选项,请查看here。
你可以试试这样的方法,它对我有用。
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
}
本地环境:
- 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
来自哪里。我没有看到这个文件。
在eslint/prettier配置中,您启用了double quotes
。
检查以下内容:
- 转到 vscode 设置
(ctrl + ,) (cmd + ,)
并搜索single quote
并禁用它。
查看文档 here。它指定了 singleQuote 选项,可以在 prettier 的配置文件中配置,也可以在 package.json 中配置,即:
"prettier": {
"singleQuote": true
}
其他配置选项,请查看here。
你可以试试这样的方法,它对我有用。
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
}