我从稳定版本的更漂亮的2.0.5到下一个版本的漂亮2.6.0,这是不同的稳定版本。并对@trivago/较漂亮的插件排序-imports插件产生了问题,该插件使用更漂亮的2.0.5,但不使用2.6.0。因为只有2.6.0版本支持这个param https://prettier.io/docs/en/next/options.html#single-attribute-per-line。根据https://github.com/trivago/prettier-plugin-sort-imports/blob/master/docs/MIGRATION.md,我已经将@trivago/更漂亮的-插件-排序-导入更新为最新版本,并迁移到3倍。
package.json
"scripts": {
"prettier-check": "prettier --check 'src/**/*.{css,scss,json,html,md,yml,yaml,js,jsx,ts,tsx}'",
},
"devDependencies": {
...
"@trivago/prettier-plugin-sort-imports": "^3.2.0",
"eslint-config-prettier": "^8.4.0",
"eslint-plugin-prettier": "^4.0.0",
"prettier": "prettier/prettier",
...
},
"eslintConfig": {
"extends": [
"react-app",
"plugin:prettier/recommended",
"plugin:cypress/recommended"
],
"ignorePatterns": [
"node_modules",
"build",
"openapi-client",
"cypress/integration/examples",
"!.storybook",
".github",
".ci",
".git"
],
"rules": {
"react-hooks/exhaustive-deps": 0,
"react/self-closing-comp": [
"error",
{
"component": true,
"html": true
}
]
}
}
.prettierrc
{
"singleQuote": true,
"semi": true,
"tabWidth": 4,
"printWidth": 100,
"quoteProps": "consistent",
"trailingComma": "es5",
"importOrder": [
"^@(assets|components|context|hooks|lib|pages|routes|services|styles|ui|utils)/?(.*)$",
"^[./]"
],
"importOrderSeparation": true,
"importOrderParserPlugins": [
"jsx",
"typescript"
],
"overrides": [
{
"files": [
"*.js",
"*.jsx",
"*.ts",
"*.tsx",
"*.json",
"*.yml",
"*.yaml",
"*.md"
],
"options": {
"tabWidth": 2,
"singleAttributePerLine": true
}
}
]
}
控制台说:
[warn] Ignored unknown option { importOrder: ["^@(assets|components|context|hooks|lib|pages|routes|services|styles|ui|utils)/?(.*)$", "^[./]"] }.
[warn] Ignored unknown option { importOrderSeparation: true }.
[warn] Ignored unknown option { importOrderParserPlugins: ["jsx", "typescript"] }.
更漂亮的没有看到这个插件似乎。任何帮助都是非常感谢的。
发布于 2022-05-21 06:28:00
我也有同样的问题,就是更漂亮的人看不到那些东西。我只是在vscode中使用排序-导入插件。不过,去看看那个更漂亮的整合吧。
https://stackoverflow.com/questions/71221694
复制相似问题