Issue upgrading to Prettier 3

[broksonic21]

What version of eslint are you using?
8.44.0

What version of prettier are you using?
3.0.0

What version of eslint-plugin-prettier are you using?
4.2.1

Please paste any applicable config files that you're using (e.g. .prettierrc or .eslintrc files)

/* eslint-env node */

module.exports = {
  plugins: ["@typescript-eslint", "prettier"],

  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
  ],
  rules: {
    "prettier/prettier": "error",
  },
  settings: {
    "import/resolver": {
      typescript: {
        alwaysTryTypes: true,
      },
    },
  },
};

What source code are you linting?
private source code

What did you expect to happen?
Can run with prettier 3 like with prettier 2

What actually happened?

✖ eslint --quiet --fix:

Oops! Something went wrong! :(

ESLint: 8.44.0

TypeError: prettier.resolveConfig.sync is not a function
Occurred while linting REDACTED
Rule: "prettier/prettier"
    at Program (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint-plugin-prettier/eslint-plugin-prettier.js:138:40)
    at ruleErrorHandler (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/linter.js:1050:28)
    at /Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/safe-emitter.js:45:58
    at Array.forEach (<anonymous>)
    at Object.emit (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/safe-emitter.js:45:38)
    at NodeEventGenerator.applySelector (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/node-event-generator.js:297:26)
    at NodeEventGenerator.applySelectors (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/node-event-generator.js:326:22)
    at NodeEventGenerator.enterNode (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/node-event-generator.js:340:14)
    at CodePathAnalyzer.enterNode (/Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/code-path-analysis/code-path-analyzer.js:795:23)
    at /Users/REDACTED/REDACTED/REDACTED/node_modules/eslint/lib/linter/linter.js:1085:32

[shogo82148]

I got same error on reviewdog/action-golangci-lint#561 (comment)
The whole of log is here: https://github.com/reviewdog/action-golangci-lint/actions/runs/5464628836/jobs/9946920478?pr=561

[sandrooco]

V5 pre-release actually adds support for this. I'm shocked this has been in September last year... @JounQin can you provide information about the future of this package? Thanks for your work!

[isimmons]

Same issue both for running eslint in a package.json script and vscode eslint output from the extension. Fixed by downgrading prettier to version 2.8.8

[ali4heydari]

prettier.resolveConfigFile.sync is removed from version 3 of prettier.

@sandrooco I tried version ^5.0.0-alpha.1 and I got this error:

Cannot read properties of undefined (reading 'parsers')
Occurred while linting path/to/file:1
Rule: "prettier/prettier"

Dependencies:

    "@typescript-eslint/eslint-plugin": "^5.61.0",
    "@typescript-eslint/parser": "^5.61.0",
    "eslint": "8.44.0",
    "eslint-config-next": "^13.4.8",
    "eslint-config-prettier": "^8.8.0",
    "eslint-plugin-cypress": "^2.13.3",
    "eslint-plugin-jest": "^27.2.2",
    "eslint-plugin-no-relative-import-paths": "^1.5.2",
    "eslint-plugin-prettier": "^5.0.0-alpha.1",
    "prettier": "^3.0.0",
    "prettier-plugin-tailwindcss": "^0.3.0",
     "typescript": "^5.1.6",

[ali4heydari]

prettier.resolveConfigFile.sync is removed from version 3 of prettier.

@sandrooco I tried version ^5.0.0-alpha.1 and I got this error:

Cannot read properties of undefined (reading 'parsers')
Occurred while linting path/to/file:1
Rule: "prettier/prettier"

Dependencies:

    "@typescript-eslint/eslint-plugin": "^5.61.0",
    "@typescript-eslint/parser": "^5.61.0",
    "eslint": "8.44.0",
    "eslint-config-next": "^13.4.8",
    "eslint-config-prettier": "^8.8.0",
    "eslint-plugin-cypress": "^2.13.3",
    "eslint-plugin-jest": "^27.2.2",
    "eslint-plugin-no-relative-import-paths": "^1.5.2",
    "eslint-plugin-prettier": "^5.0.0-alpha.1",
    "prettier": "^3.0.0",
    "prettier-plugin-tailwindcss": "^0.3.0",
     "typescript": "^5.1.6",

I realized that my problem is related to the prettier-plugin-tailwindcss package, read more.

[skratchdot]

V5 pre-release actually adds support for this. I'm shocked this has been in September last year... @JounQin can you provide information about the future of this package? Thanks for your work!

as mentioned by @sandrooco, the v5 pre-release fixed things for me. changing:

"eslint-plugin-prettier": "^4.2.1",

to:

"eslint-plugin-prettier": "^5.0.0-alpha.1",

in my package.json and re-running npm install fixed things for me.

[JounQin]

Please use the alpha version for now, I think we need some feedback before we release the final major version.

npm i -D eslint-plugin-prettier@alpha

[JounQin]

@xiaoqiang1999 #562 (comment)

[sandrooco]

Thanks for your feedback @JounQin. I was able to successfully run prettier 3.0.0 with the alpha release.

[JounQin]

@simPod You need v5.0.0-alpha.2, see #564

[simPod]

Smooth, thanks

[ivantrave]

I tried using alpha version and still got this error:

<path_to_npm>/.npm/_npx/15f9efe159c89f49/node_modules/pretty-quick/dist/isSupportedExtension.js:12
  ..._prettier.resolveConfig.sync(file, {
                             ^
TypeError: _prettier.resolveConfig.sync is not a function
    at <path_to_npm>/.npm/_npx/15f9efe159c89f49/node_modules/pretty-quick/dist/isSupportedExtension.js:12:30
    at Array.filter (<anonymous>)
    at _default (<path_to_npm>/.npm/_npx/15f9efe159c89f49/node_modules/pretty-quick/dist/index.js:53:157)
    at Object.<anonymous> (<path_to_npm>/.npm/_npx/15f9efe159c89f49/node_modules/pretty-quick/bin/pretty-quick.js:17:27)
    at Module._compile (node:internal/modules/cjs/loader:1198:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1252:10)
    at Module.load (node:internal/modules/cjs/loader:1076:32)
    at Function.Module._load (node:internal/modules/cjs/loader:911:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:22:47

in the package json I have:

"eslint-config-prettier": "^8.8.0",
"eslint-plugin-prettier": "^5.0.0-alpha.1",
"prettier": "^3.0.0",

Node version: v16.20.2

Tried with version "eslint-plugin-prettier": "^5.0.1", and "prettier": "^3.0.3" with no luck.

Any suggestion? What may I be missing here?

[lehni]

@ivantrave it looks like pretty-quick would need to be updated in order to work with prettier 3. The last release was 2 years ago. You can track the issue here:

prettier/pretty-quick#164

[ivantrave]

Thanks for your comment @lehni !

For now, I downgraded to the following versions and it worked:

"eslint-plugin-prettier": "^4.2.1",
"prettier": "^2.8.8",
"pretty-quick": "^3.1.3",

Thanks

[konradbjk]

Why this issue is closed, if the error is still not resolved?

For me next.js, prettier 3.0.3 and plugin 5.0.1 do not work either

[JounQin]

@konradbjk Then please post another issue with runnable reproduction.

[CyxouD]

Fixed after updating ESLint

 "eslint": "8.57.0",
 "prettier": "3.2.5",
  "eslint-plugin-prettier": "^5.1.3",

[IonelLupu]

Fixed after updating ESLint

 "eslint": "8.57.0",
 "prettier": "3.2.5",
  "eslint-plugin-prettier": "^5.1.3",

I can confirm this works for me