首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >更漂亮的下一步(2.6.0) +导入顺序插件@trivago/漂亮-插件-排序-导入错误忽略未知选项{ importOrderSeparation: true }

更漂亮的下一步(2.6.0) +导入顺序插件@trivago/漂亮-插件-排序-导入错误忽略未知选项{ importOrderSeparation: true }
EN

Stack Overflow用户
提问于 2022-02-22 12:54:08
回答 2查看 1.4K关注 0票数 0

我从稳定版本的更漂亮的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

代码语言:javascript
运行
复制
"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

代码语言:javascript
运行
复制
{
  "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
      }
    }
  ]
}

控制台说:

代码语言:javascript
运行
复制
[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"] }.

更漂亮的没有看到这个插件似乎。任何帮助都是非常感谢的。

EN

Stack Overflow用户

发布于 2022-05-21 06:28:00

我也有同样的问题,就是更漂亮的人看不到那些东西。我只是在vscode中使用排序-导入插件。不过,去看看那个更漂亮的整合吧。

票数 0
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71221694

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档