[Bug]: Cypress fails on the latest version to run due to missing dep-pre-bundle

[michaelschomburg]

Describe the bug

I am receiving the following output as soon as I am running "cy:run": "cypress run --component --browser ${CYPRESS_BROWSER:-electron}",

`DevTools listening on ws://127.0.0.1:52019/devtools/browser/8252e05b-bcec-467d-9389-978a25b65ee4
2023-12-12 14:03:56.585 Cypress[76547:854847] WARNING: Secure coding is not enabled for restorable state! Enable secure coding by implementing NSApplicationDelegate.applicationSupportsSecureRestorableState: and returning YES.
Forced re-optimization of dependencies

====================================================================================================

(Run Starting)

┌────────────────────────────────────────────────────────────────────────────────────────────────┐
│ Cypress: 13.6.0 │
│ Browser: Electron 114 (headless) │
│ Node Version: v16.17.1 (/Users/SchomM01_1/.nvm/versions/node/v16.17.1/bin/node) │
│ Specs: 9 found (api/index.spec.ts, helpers/array.spec.js, helpers/date.spec.ts, helpe │
│ rs/string.spec.ts, utils/tokenRefreshUtils.spec.ts, api/interceptors/tokenRefr │
│ eshInterceptor.spec.ts, components/BottomSheet/BottomSheet.spec.ts, components │
│ /InputRadio/InputRadio...) │
│ Searched: ./resources/js/**/!(*.jest).spec.[jt]s │
└────────────────────────────────────────────────────────────────────────────────────────────────┘

────────────────────────────────────────────────────────────────────────────────────────────────────

Running: api/index.spec.ts (1 of 9)
Warning: The following browser launch options were provided but are not supported by electron

• args
  ✘ [ERROR] Missing "./preview" specifier in "@storybook/vue3" package [plugin vite:dep-pre-bundle]

  node_modules/esbuild/lib/main.js:1373:21:
  1373 │ let result = await callback({
  ╵ ^

  at e (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:21445:25)
  at n (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:21445:627)
  at o (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:21445:1297)
  at resolveExportsOrImports (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:28746:20)
  at resolveDeepImport (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:28765:31)
  at tryNodeResolve (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:28453:20)
  at Context.resolveId (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:28212:28)
  at Object.resolveId (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:44276:64)
  at processTicksAndRejections (node:internal/process/task_queues:96:5)
  at async file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:65922:21
  at async file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:39976:34
  at async requestCallbacks.on-resolve (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:1373:22)
  at async handleRequest (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:729:13)

This error came from the "onResolve" callback registered here:

node_modules/esbuild/lib/main.js:1292:20:
  1292 │       let promise = setup({
       ╵                     ^

at setup (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:39956:19)
at handlePlugins (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:1292:21)
at buildOrContextImpl (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:978:5)
at Object.buildOrContext (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:786:5)
at /Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:2186:68
at new Promise (<anonymous>)
at Object.context (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:2186:27)
at Object.context (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:2026:58)
at prepareEsbuildOptimizerRun (file:///Users/SchomM01_1/projects/studydrive/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:46041:35)

The plugin "vite:dep-pre-bundle" was triggered by this import

node_modules/@storybook/testing-vue3/dist/testing-vue3.esm.js:3:43:
  3 │ import * as defaultProjectAnnotations from '@storybook/vue3/preview';
    ╵                                            ~~~~~~~~~~~~~~~~~~~~~~~~~

Your configFile threw an error from: cypress.config.js

We stopped running your tests because your config file crashed.

Error: Build failed with 1 error:
node_modules/esbuild/lib/main.js:1373:21: ERROR: [plugin: vite:dep-pre-bundle] Missing "./preview" specifier in "@storybook/vue3" package
at failureErrorWithLog (/Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:1649:15)
at /Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:1058:25
at /Users/SchomM01_1/projects/studydrive/node_modules/esbuild/lib/main.js:1525:9
at runMicrotasks ()
at processTicksAndRejections (node:internal/process/task_queues:96:5)

1. An uncaught error was detected outside of a test

0 passing (223ms)
1 failing

1. An uncaught error was detected outside of a test:
   TypeError: The following error originated from your test code, not from Cypress.

Failed to fetch dynamically imported module: http://localhost:5173/__cypress/src/tests-frontend/support/component.ts

When Cypress detects uncaught errors originating from your test code it will automatically fail the current test.

Cypress could not associate this error to any specific test.

We dynamically generated a new test to display this failure.`

To Reproduce

No response

System

No response

Additional context

This appeared after I updated the following packages and addons to 7.6.4

"@storybook/addon-a11y": "^7.5.3",
"@storybook/addon-actions": "^7.5.3",
"@storybook/addon-essentials": "^7.5.3",
"@storybook/addon-interactions": "^7.5.3",
"@storybook/addon-links": "^7.5.3",
"@storybook/addon-mdx-gfm": "^7.6.4",
"@storybook/addon-measure": "^7.5.3",
"@storybook/addon-storysource": "^7.5.3",
"@storybook/blocks": "^7.5.3",
"@storybook/testing-vue3": "^1.0.0",
"@storybook/vue3-vite": "^7.5.3",
"storybook": "^7.5.3",

[shilman]

Closing this as duplicate to storybookjs/testing-vue3#14 and I'll follow up there