prettier-plugin-sort-imports: SyntaxError: This experimental syntax requires enabling the parser plugin: 'classProperties' (118:33)

when I install this plugin, vscode and prettier stop formatting with the above error

I’m using vscode 1.52.1, with typescript 4.1.2

the stack trace is this

at Object._raise (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:748:17)
	at Object.raiseWithData (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:741:17)
	at Object.expectPlugin (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:9106:18)
	at Object.parseClassProperty (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12722:12)
	at Object.parseClassProperty (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6968:18)
	at Object.pushClassProperty (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12690:30)
	at Object.parseClassMemberWithIsStatic (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12595:14)
	at Object.parseClassMemberWithIsStatic (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6856:11)
	at Object.parseClassMember (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12532:10)
	at callParseClassMember (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6820:13)
	at Object.parseClassMember (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6826:7)
	at /workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12477:14
	at Object.withTopicForbiddingContext (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:11516:14)
	at Object.parseClassBody (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12454:10)
	at Object.parseClass (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12427:22)
	at Object.parseStatementContent (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:11718:21)
	at Object.parseStatementContent (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6806:18)
	at Object.parseStatement (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:11676:17)
	at Object.parseExportDeclaration (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12892:17)
	at Object.parseExportDeclaration (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6927:27)
	at Object.maybeParseExportDeclaration (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12848:31)
	at Object.parseExport (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12786:29)
	at Object.parseExport (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6769:20)
	at Object.parseStatementContent (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:11782:27)
	at Object.parseStatementContent (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:6806:18)
	at Object.parseStatement (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:11676:17)
	at Object.parseBlockOrModuleBlockBody (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12258:25)
	at Object.parseBlockBody (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:12249:10)
	at Object.parseTopLevel (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:11607:10)
	at Object.parse (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:13415:10)
	at Object.parse (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/node_modules/@babel/parser/lib/index.js:13468:38)
	at Object.preprocessor [as preprocess] (/workspace/node_modules/@trivago/prettier-plugin-sort-imports/lib/src/preprocessor.js:21:24)```

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 10
Comments: 15

Commits related to this issue

chore: upgrade prettier-plugin-sort-imports to 2.0.2 fixes https://github.com/trivago/prettier-plugin-sort-imports/issues/22 — committed to isomerpages/isomercms-frontend by prestonlimlianjie 3 years ago
chore: upgrade prettier-plugin-sort-imports to 2.0.2 fixes https://github.com/trivago/prettier-plugin-sort-imports/issues/22 — committed to isomerpages/isomercms-frontend by prestonlimlianjie 3 years ago
Add linting and formatting tools (#378) * fix: outdated packages with vulnerabilities * feat: install eslint and initiate config * feat: install prettier and set prettier options * feat: ins... — committed to isomerpages/isomercms-frontend by kwajiehao 3 years ago
Add linting and formatting tools (#378) * fix: outdated packages with vulnerabilities * feat: install eslint and initiate config * feat: install prettier and set prettier options * feat: ins... — committed to isomerpages/isomercms-frontend by kwajiehao 3 years ago
(Merge to prod) 30 April (#436) * Add linting and formatting tools (#378) * fix: outdated packages with vulnerabilities * feat: install eslint and initiate config * feat: install prettier an... — committed to isomerpages/isomercms-frontend by gweiying 3 years ago

Most upvoted comments

Adding this

  "experimentalBabelParserPluginsList": [
    "jsx",
    "typescript"
  ]

to .prettierrc solved the issue for me

bogdibota on Jun 22, 2021

Am I the only one still getting this error on latest verions?

ziaulrehman40 on Apr 22, 2021

Ok, I’m using this plugin of version 4.0.0, and I solved this problem by adding below to .prettier.config.js.

"importOrderParserPlugins": ["decorators-legacy", "typescript", "jsx"]

AcrylicShrimp on Feb 6, 2023

Adding this,

module.exports = {
  importOrderParserPlugins: ["classProperties", "typescript", "jsx"],
};

to .prettier.config.js solved the issue for me

Version of @trivago/prettier-plugin-sort-imports is: 3.0.0

dweemx on Nov 10, 2021

I have this issue as well, I do have '@babel/plugin-proposal-class-properties' in my babel.config.js and works elsewhere just fine.

jennmueng on Jan 9, 2021

Adding this,
module.exports = {
  importOrderParserPlugins: ["classProperties", "typescript", "jsx"],
};
to .prettier.config.js solved the issue for me

Version of @trivago/prettier-plugin-sort-imports is: 3.0.0

In my case it used this: "importOrderParserPlugins": ["importAssertions", "typescript", "jsx"],.

I was getting this error:

["ERROR" - 14:59:14] Error formatting document.
["ERROR" - 14:59:14] This experimental syntax requires enabling the parser plugin: "importAssertions". (3:42)
   1 | import { IUser } from "@domain/user.dto";
   2 | import { rest } from "msw";
   3 | import users from './entities/users.json' assert { type: 'json' };

So, thank you very much bro!

SalahAdDin on Dec 14, 2022

Thanks everyone for bringing up this issue. With the release of v2.0.1, this should be fixed. Either prettier will figure out the syntax correctly, or you can use experimentalBabelParserPluginsList in your .prettierrc to pass the correct parser name.

If there was still problems, you can of course re-open this issue.

byara on Mar 16, 2021

I’m having the same issue. Does someone know a workaround for this? I have just a single class that is causing the stated error.

@robinzachmann You can add one of these to this array here: https://github.com/trivago/prettier-plugin-sort-imports/blob/e212c0524f0177c03420d59ede41d70c157a07bb/src/preprocessor.ts#L15

For example, classProperties would fix this issue.

jennmueng on Jan 20, 2021