Babel plugin importAttributes can't be enabled and formatting fails

[hdodov]

I'm trying to format a TypeScript file called index.ts with the following line inside:

import content from "./content.json" assert { type: "json" }; 

…but I get the following error:

[error] src/index.ts: SyntaxError: This experimental syntax requires enabling one of the following parser plugin(s): "importAttributes", "importAssertions". (3:37)

I tried adding a babel.config.json file containing the following:

{
	"plugins": ["importAttributes"],
	"parserOpts": {
		"plugins": ["importAttributes"]
	}
}

…but it didn't work.

I also tried installing @babel/plugin-syntax-import-assertions and putting it in babel.config.json, .babelrc, .prettierrc.json as well, etc, but nothing seems to enable the plugin.

Environments:

• Prettier Version: 3.1.1, @babel/parser 7.23.6 (from package-lock.json)
• Running Prettier via: npx prettier --write .
• Runtime: Node v20.9.0, npm 10.1.0
• Operating System: macOS Ventura 13.6.3
• Prettier plugins (if any): @trivago/prettier-plugin-sort-imports (don't think it's relevant)

Steps to reproduce:

Try to format the aforementioned line with Prettier 3.1.1 and you'll see an error.

[sosukesuzuki]

The version of @babel/parser and plugins you have installed has no effect on Prettier's output. Also import attributes syntax has been supported by Prettier 3.1.1. Can you reproduce on playground?

Prettier 3.1.1
Playground link

--parser typescript

Input:

import content from "./content.json" assert { type: "json" }; 

Output:

import content from "./content.json" assert { type: "json" };

[hdodov]

@sosukesuzuki I've made a reproduction repo: https://github.com/hdodov/mcve-prettier-import-attributes

It appears that somehow @trivago/prettier-plugin-sort-imports is causing the issue. If I remove it from .prettierrc.json in the reproduction repo, everything works. Maybe the error message generated by Prettier is misleading? I can see that @fisker's PR is related to something like that.

[fisker]

#15928 is hiding this kind of error message, since we don't read the babel config.

[fisker]

Maybe caused by this line, can you open an issue there?

[lukeapage]

FYI I found this issue first and fixed it for the plugin with this:

importOrderParserPlugins: ['importAssertions'],