Repository: storybook
Issue: Fresh storybook install fails after `npm update`
Labels: bug,needs triage

**Describe the bug**
A clear and concise description of what the bug is.

**To Reproduce**
1. Create a `vite` project.
2. Add storybook: `npx storybook init`.
3. Build and run storybook.
4. Note that system runs as expected.
5. Update packages: `npm update`
6. Build and run storybook.
7. Observe the build error:
  ```
  info => Compiling manager..
  vite v2.9.12 building for production...
  ✓ 3 modules transformed.
  [vite]: Rollup failed to resolve import "@storybook/preview-web" from "../../../../virtual:/@storybook/builder-vite/vite-app.js".
  This is most likely unintended because it can break your application at runtime.
  If you do want to externalize this module explicitly add it to
  `build.rollupOptions.external`
  transforming (1371) node_modules/@testing-library/user-event/dist/keyboard/shared/fireInputEvent.jsinfo => Manager built (13 s)
  ERR! Error: [vite]: Rollup failed to resolve import "@storybook/preview-web" from "../../../../virtual:/@storybook/builder-vite/vite-app.js".
  ERR! This is most likely unintended because it can break your application at runtime.
  ERR! If you do want to externalize this module explicitly add it to
  ERR! `build.rollupOptions.external`
  ERR!     at onRollupWarning (/Users/christopherkuech/Repositories/web-client/node_modules/vite/dist/node/chunks/dep-8f5c9290.js:41772:19)
  ERR!     at onwarn (/Users/christopherkuech/Repositories/web-client/node_modules/vite/dist/node/chunks/dep-8f5c9290.js:41588:13)
  ERR!     at Object.onwarn (/Users/christopherkuech/Repositories/web-client/node_modules/rollup/dist/shared/rollup.js:23226:13)
  ERR!     at ModuleLoader.handleResolveId (/Users/christopherkuech/Repositories/web-client/node_modules/rollup/dist/shared/rollup.js:22510:26)
  ERR!     at /Users/christopherkuech/Repositories/web-client/node_modules/rollup/dist/shared/rollup.js:22471:26
  ERR!  Error: [vite]: Rollup failed to resolve import "@storybook/preview-web" from "../../../../virtual:/@storybook/builder-vite/vite-app.js".
  ERR! This is most likely unintended because it can break your application at runtime.
  ERR! If you do want to externalize this module explicitly add it to
  ERR! `build.rollupOptions.external`
  ERR!     at onRollupWarning (/Users/christopherkuech/Repositories/web-client/node_modules/vite/dist/node/chunks/dep-8f5c9290.js:41772:19)
  ERR!     at onwarn (/Users/christopherkuech/Repositories/web-client/node_modules/vite/dist/node/chunks/dep-8f5c9290.js:41588:13)
  ERR!     at Object.onwarn (/Users/christopherkuech/Repositories/web-client/node_modules/rollup/dist/shared/rollup.js:23226:13)
  ERR!     at ModuleLoader.handleResolveId (/Users/christopherkuech/Repositories/web-client/node_modules/rollup/dist/shared/rollup.js:22510:26)
  ERR!     at /Users/christopherkuech/Repositories/web-client/node_modules/rollup/dist/shared/rollup.js:22471:26 {
  ERR!   watchFiles: [
  ERR!     '/Users/christopherkuech/Repositories/web-client/iframe.html',
  ERR!     '/virtual:/@storybook/builder-vite/vite-app.js',
  ERR!     'vite/modulepreload-polyfill',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/vite/package.json',
  ERR!     '/virtual:/@storybook/builder-vite/setup-addons.js',
  ERR!     '/virtual:/@storybook/builder-vite/storybook-stories.js',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/react/package.json',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/addon-links/package.json',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/addon-actions/package.json',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/addon-interactions/package.json',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/react/dist/esm/client/docs/config.js',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/react/dist/esm/client/preview/config.js',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/addon-links/preview.js',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/addon-actions/preview.js',
  ERR!     '/Users/christopherkuech/Repositories/web-client/node_modules/@storybook/addon-interactions/preview.js',
  ERR!     '/Users/christopherkuech/Repositories/web-client/.storybook/preview.js',
  ERR!     'vite/preload-helper'
  ERR!   ]
  ERR! }
  ```

**System**
```
Environment Info:

  System:
    OS: macOS 12.3.1
    CPU: (8) arm64 Apple M1
  Binaries:
    Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node
    npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm
  Browsers:
    Chrome: 102.0.5005.115
    Safari: 15.4
  npmPackages:
    @storybook/addon-actions: ^6.5.9 => 6.5.9
    @storybook/addon-essentials: ^6.5.9 => 6.5.9
    @storybook/addon-interactions: ^6.5.9 => 6.5.9
    @storybook/addon-links: ^6.5.9 => 6.5.9
    @storybook/builder-vite: ^0.1.36 => 0.1.36
    @storybook/react: ^6.5.9 => 6.5.9
    @storybook/testing-library: ^0.0.13 => 0.0.13
```

**Additional context**
I have also observed #18448 in my repros of this issue.