I think I'm still seeing this error with 10.2.0. We're using `msw-storybook-addon` in `preview.jsx` ```jsx import React from 'react' import { BrowserRouter } from 'react-router-dom' import { initialize, mswLoader } from 'msw-storybook-addon' import { Auth0ProviderWithNavigate } from '../src/auth0-provider-with-navigate' import { Toast } from '../src/components/Toast' import { GlobalStylesWrapper } from './GlobalStylesWrapper' initialize({ onUnhandledRequest: ({ url }, print) => { const URLS_TO_IGNORE = [ /https:\/\/fonts.googleapis.com/, /https:\/\/res.cloudinary.com/, ] if (URLS_TO_IGNORE.some((pattern) => pattern.test(url))) { return } print.warning() }, }) export const decorators = [ (storyFn) => ( {storyFn()} ), ] export const loaders = [mswLoader] export const parameters = { msw: { handlers: {}, }, } export const tags = ['autodocs'] ``` ``` > NODE_PATH=$NODE_PATH:./src storybook dev -p 5602 ┌ storybook v10.2.0 │ ● Storybook collects completely anonymous usage telemetry. We use it to shape │ Storybook's roadmap and prioritize features. You can learn more, including how │ to opt out, at https://storybook.js.org/telemetry │ ● Starting... │ ● Addon-docs: using MDX3 │ ● Using implicit CSS loaders │ ● Using default Webpack5 setup [webpack-dev-middleware] wait until bundle finished [storybook-mock-plugin] Mock map updated with 0 mocks. 92% sealing asset processing HtmlWebpackPlugin✘ [ERROR] Could not resolve "@vitest/mocker" node_modules/storybook/assets/server/mocker-runtime.template.js:1:31: 1 │ import { MockerRegistry } from '@vitest/mocker'; ╵ ~~~~~~~~~~~~~~~~ You can mark the path "@vitest/mocker" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle. ✘ [ERROR] Could not resolve "@vitest/mocker/browser" node_modules/storybook/assets/server/mocker-runtime.template.js:2:50: 2 │ import { ModuleMocker, createCompilerHints } from '@vitest/mocker/browser'; ╵ ~~~~~~~~~~~~~~~~~~~~~~~~ You can mark the path "@vitest/mocker/browser" as external to exclude it from the bundle, which will remove this error and leave the unresolved path in the bundle. ERROR in Error: Build failed with 2 errors: node_modules/storybook/assets/server/mocker-runtime.template.js:1:31: ERROR: Could not resolve "@vitest/mocker" node_modules/storybook/assets/server/mocker-runtime.template.js:2:50: ERROR: Could not resolve "@vitest/mocker/browser" - main.js:1467 failureErrorWithLog [spotlight]/[esbuild]/lib/main.js:1467:15 - main.js:926 [spotlight]/[esbuild]/lib/main.js:926:25 - main.js:878 [spotlight]/[esbuild]/lib/main.js:878:52 - main.js:924 buildResponseToResult [spotlight]/[esbuild]/lib/main.js:924:7 - main.js:951 [spotlight]/[esbuild]/lib/main.js:951:16 - main.js:603 responseCallbacks. [spotlight]/[esbuild]/lib/main.js:603:9 - main.js:658 handleIncomingPacket [spotlight]/[esbuild]/lib/main.js:658:12 - main.js:581 Socket.readFromStdout [spotlight]/[esbuild]/lib/main.js:581:7 - node:events:519 Socket.emit node:events:519:28 - readable:561 addChunk node:internal/streams/readable:561:12 preview compiled with 1 error │ ▲ DefinePlugin │ Conflicting values for 'process.env' │ ■ Failed to build the preview 99% end closing watch compilation│ ▲ Force closed preview build │ ■ SB_BUILDER-WEBPACK5_0003 (WebpackCompilationError): There were problems when │ compiling your code with Webpack. │ Run Storybook with --debug-webpack for more information. │ at starter │ (file://./node_modules/@storybook/builder-webpack5/dist/index.js:799:11) │ at starter.next () │ at Module.start │ (file://./node_modules/@storybook/builder-webpack5/dist/index.js:857:34) │ at process.processTicksAndRejections (node:internal/process/task_queues:105:5) │ at async storybookDevServer │ (file://./node_modules/storybook/dist/core-server/index.js:7207:83) │ at async buildOrThrow │ (file://./node_modules/storybook/dist/core-server/index.js:4504:12) │ at async buildDevStandalone │ (file://./node_modules/storybook/dist/core-server/index.js:7577:66) │ at async withTelemetry │ (file://./node_modules/storybook/dist/_node-chunks/chunk-5T2PCIM6.js:218:12) │ at async dev (file://./node_modules/storybook/dist/bin/core.js:2734:3) │ at async _Command. │ (file://./node_modules/storybook/dist/bin/core.js:2801:92) │ ▲ Broken build, fix the error above. │ You may need to refresh the browser. │ ◇ Would you like to send anonymous crash reports to improve Storybook and │ fix bugs faster? │ Yes │ │ Debug logs are written to: │ /Users/wills/Development/Farewill/spotlight/debug-storybook.log │ └ Storybook exited with an error ```

[Bug]: Build fails with "@vitest/mocker" resolution error in Docker when Vitest is not used #33306

Company

Community

Support

Connect