feat(diagnostic): improve error formatting for data-uri imports

e2e/cases/diagnostic/data-uri-import-error/index.test.ts

@@ -0,0 +1,21 @@
+import { expect, test } from '@e2e/helper';
+
+const EXPECTED_LOG = `File: data-uri virtual module (import "un-existing-module")`;
+
+test('should print data-uri virtual module error if module build failed in dev', async ({
+  dev,
+}) => {
+  const rsbuild = await dev();
+  await rsbuild.expectLog(EXPECTED_LOG);
+});
+
+test('should print data-uri virtual module error if module build failed in build', async ({
+  build,
+}) => {
+  const rsbuild = await build({
+    catchBuildError: true,
+  });
+
+  expect(rsbuild.buildError).toBeTruthy();
+  await rsbuild.expectLog(EXPECTED_LOG);
+});

e2e/cases/diagnostic/data-uri-import-error/src/index.js

@@ -0,0 +1 @@
+import 'data:text/javascript,import "un-existing-module"';

packages/core/src/helpers/format.ts

@@ -10,6 +10,15 @@ const formatFileName = (fileName: string, stats: StatsError) => {
     return '';
   }
 
+  const DATA_URI_PREFIX = 'data:text/javascript,';
+  if (fileName.startsWith('data:text/javascript,')) {
+    let snippet = fileName.replace(DATA_URI_PREFIX, '');
+    if (snippet.length > 30) {
+      snippet = `${snippet.slice(0, 30)}...`;
+    }
+    return `File: ${color.cyan('data-uri virtual module')} ${color.dim(`(${snippet})`)}\n`;
+  }
+
   if (/:\d+:\d+/.test(fileName)) {
     return `File: ${color.cyan(fileName)}\n`;
   }