improve

code/lib/cli/src/upgrade.ts

@@ -23,7 +23,6 @@ import {
 } from '@storybook/core-common';
 import { automigrate } from './automigrate/index';
 import { autoblock } from './autoblock/index';
-import { PreCheckFailure } from './automigrate/types';
 
 type Package = {
   package: string;

code/lib/core-common/src/utils/load-main-config.ts

@@ -5,7 +5,7 @@ import { validateConfigurationFiles } from './validate-configuration-files';
 import { readFile } from 'fs/promises';
 import {
   MainFileESMOnlyImportError,
-  MainFileFailedEvaluationError,
+  MainFileEvaluationError,
 } from '@storybook/core-events/server-errors';
 
 export async function loadMainConfig({
@@ -54,7 +54,7 @@ export async function loadMainConfig({
       throw out;
     }
 
-    throw new MainFileFailedEvaluationError({
+    throw new MainFileEvaluationError({
       location: relative(process.cwd(), mainJsPath),
       error: e,
     });

code/lib/core-events/src/errors/server-errors.ts

@@ -1,4 +1,4 @@
-import { bold, gray, grey, white, yellow } from 'chalk';
+import { bold, gray, grey, white, yellow, underline } from 'chalk';
 import dedent from 'ts-dedent';
 import { StorybookError } from './storybook-error';
 
@@ -421,18 +421,20 @@ export class MainFileESMOnlyImportError extends StorybookError {
     if (this.data.line) {
       message.push(
         white(
-          `In your ${yellow(this.data.location)} file, this line threw an error: ${bold.cyan(
+          `In your ${yellow(this.data.location)} file, line ${bold.cyan(
             this.data.num
-          )}, which looks like this:`
+          )} threw an error, which looks like this:`
         ),
         grey(this.data.line)
       );
     }
 
     message.push(
       '',
-      white(`Convert the static import to an dynamic import where they are used.`),
-      white(`Example:`) + ' ' + gray(`await import(<your ESM only module>);`)
+      white(`Convert the static import to an dynamic import ${underline('where they are used')}.`),
+      white(`Example:`) + ' ' + gray(`await import(<your ESM only module>);`),
+      '',
+      'For more information, please read the documentation link below.'
     );
 
     return message.join('\n');
@@ -444,6 +446,8 @@ export class MainFileMissingError extends StorybookError {
 
   readonly code = 6;
 
+  readonly stack = '';
+
   public readonly documentation = 'https://storybook.js.org/docs/configure';
 
   constructor(public data: { location: string }) {
@@ -460,22 +464,26 @@ export class MainFileMissingError extends StorybookError {
   }
 }
 
-export class MainFileFailedEvaluationError extends StorybookError {
+export class MainFileEvaluationError extends StorybookError {
   readonly category = Category.CORE_SERVER;
 
   readonly code = 7;
 
-  public readonly documentation = 'https://storybook.js.org/docs/configure';
+  readonly stack = '';
 
   constructor(public data: { location: string; error: Error }) {
     super();
   }
 
   template() {
+    const errorText = white(
+      (this.data.error.stack || this.data.error.message).replaceAll(process.cwd(), '')
+    );
+
     return dedent`
       Storybook couldn't evaluate your ${yellow(this.data.location)} file.
 
-      ${this.data.error.message}
+      ${errorText}
     `;
   }
 }