fix(transformer-attributify-jsx): improve error message (#5156)

9romise · web-flow · commit 07800def89c1 · 2026-03-18T08:12:34.000Z
diff --git a/packages-presets/transformer-attributify-jsx/src/index.ts b/packages-presets/transformer-attributify-jsx/src/index.ts
@@ -98,7 +98,7 @@ export default function transformerAttributifyJsx(options: TransformerAttributif
       }
       catch (error) {
         console.warn(
-          `[@unocss/transformer-attributify-jsx]: Oxc resolver failed for "${id}", falling back to regex resolver:`,
+          `[@unocss/transformer-attributify-jsx]: Oxc resolver failed for "${id}", falling back to regex resolver:\n`,
           error,
         )
         await attributifyJsxRegexResolver(params)
diff --git a/packages-presets/transformer-attributify-jsx/src/resolver/oxc.ts b/packages-presets/transformer-attributify-jsx/src/resolver/oxc.ts
@@ -10,7 +10,7 @@ export async function attributifyJsxOxcResolver(params: AttributifyResolverParam
   })
 
   if (ast.errors?.length) {
-    throw new Error(`Oxc parse errors:\n${ast.errors.join('\n')}`)
+    throw new Error(`Oxc parse errors:\n${ast.errors.map(err => err.codeframe ?? err.helpMessage ?? err.message).join(('\n'))}`)
   }
 
   walk(ast.program, {
diff --git a/packages-presets/transformer-attributify-jsx/test/oxc.test.ts b/packages-presets/transformer-attributify-jsx/test/oxc.test.ts
@@ -0,0 +1,26 @@
+import { createGenerator } from '@unocss/core'
+import MagicString from 'magic-string'
+import { describe, expect, it } from 'vitest'
+import { attributifyJsxOxcResolver } from '../src/resolver/oxc'
+
+describe('resolver-oxc', async () => {
+  const uno = await createGenerator()
+
+  it('error', async () => {
+    const errorCode = '<d iv></div>'
+    const code = new MagicString(errorCode)
+    const transform = attributifyJsxOxcResolver({ code, id: 'app.tsx', uno: { uno, tokens: new Set() } as any, isBlocked: () => false })
+    await expect(transform).rejects.toThrowErrorMatchingInlineSnapshot(`
+      [Error: Oxc parse errors:
+
+        x Expected corresponding JSX closing tag for 'd'.
+         ,-[app.tsx:1:9]
+       1 | <d iv></div>
+         :  |      ^|^
+         :  |       \`-- Expected \`</d>\`
+         :  \`-- Opened here
+         \`----
+      ]
+    `)
+  })
+})

Original file line number	Diff line number	Diff line change
`@@ -98,7 +98,7 @@ export default function transformerAttributifyJsx(options: TransformerAttributif`
`98`	`98`	`}`
`99`	`99`	`catch (error) {`
`100`	`100`	`console.warn(`
`101`		- `[@unocss/transformer-attributify-jsx]: Oxc resolver failed for "${id}", falling back to regex resolver:`,
	`101`	+ `[@unocss/transformer-attributify-jsx]: Oxc resolver failed for "${id}", falling back to regex resolver:\n`,
`102`	`102`	`error,`
`103`	`103`	`)`
`104`	`104`	`await attributifyJsxRegexResolver(params)`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export async function attributifyJsxOxcResolver(params: AttributifyResolverParam`
`10`	`10`	`})`
`11`	`11`
`12`	`12`	`if (ast.errors?.length) {`
`13`		- throw new Error(`Oxc parse errors:\n${ast.errors.join('\n')}`)
	`13`	+ throw new Error(`Oxc parse errors:\n${ast.errors.map(err => err.codeframe ?? err.helpMessage ?? err.message).join(('\n'))}`)
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`walk(ast.program, {`