vite

https://github.com/vitejs/vite/pull/22685#issuecomment-4849906715

Describe the bug A Vite 8.1.x production build produces a bundle that throws at runtime: Dev mode works correctly. In the bundle, the bug is caused by a reference to an undeclared variable: The imported module code comes from a dependency, . The variable Context is never declared or imported in the generated bundle at this location, though a correctly-bound version of the same value exists elsewhere in the same bundle under a renamed identifier (IconContext$2): I attempted to do some bisection to narrow down the issue. The bug goes away if I set my dependency overrides to . The bug still occurs with rolldown 1.1.0-1.1.3. The bug also goes away (without overrides) if I patch package.json to (from ). Kind of tangential, but we recently migrated our repository to pnpm, so I also verified that the bug occurs when using either npm or pnpm with Vite 8.1.0, so it does not seem to be a npm vs. pnpm dependency resolution issue. Apologies, but I unfortunately could not figure out how to reproduce this in the Rolldown REPL or in a Vite StackBlitz after about an hour or so of trying. Reproduction https://github.com/rjsf-team/react-jsonschema-form/commit/183844e3b98986a0dd125e7216540fd47971deaa Steps to reproduce Checkout the react-jsonschema-form repository in commit 183844e3b98986a0dd125e7216540fd47971deaa. System Info Used Package Manager pnpm Logs Click to expand! ``Unable to preload CSS for ${dep}`)));\n' + '\t\t\t});\n' + '\t\t}));\n' + '\t}\n' + '\tfunction handlePreloadError(err) {\n' + '\t\tconst e = new Event("vite:preloadError", { cancelable: true });\n' + '\t\te.payload = err;\n' + '\t\twindow.dispatchEvent(e);\n' + '\t\tif (!e.defaultPrevented) throw err;\n' + '\t}\n' + '\treturn promise.then((res) => {\n' + '\t\tfor (const item of res []) {\n' + '\t\t\tif (item.status !== "rejected") continue;\n' + '\t\t\thandlePreloadError(item.reason);\n' + '\t\t}\n' + '\t\treturn baseModule().catch(handlePreloadError);\n' + '\t});\n' + '}', insertPreload: true, optimizeModulePreloadRelativePaths: false, renderBuiltUrl: false, isRelativeBase: true }, enforce: undefined }, { name: 'vite:terser', applyToEnvironment: [Function: applyToEnvironment], renderChunk: [AsyncFunction: renderChunk], closeBundle: [Function: closeBundle] }, { name: 'vite:license', generateBundle: [Function: generateBundle] }, BuiltinPlugin { name: 'builtin:vite-reporter', _options: { root: '/Users/nickgros/dev/react-jsonschema-form/packages/playground', isTty: false, isLib: false, assetsDir: 'assets/', chunkLimit: 500, logInfo: [Function (anonymous)], reportCompressedSize: true, warnLargeChunks: true }, enforce: undefined }, BuiltinPlugin { name: 'builtin:vite-load-fallback', _options: undefined, enforce: undefined } ], optimizeDepsPluginNames: [] } }, configFile: '/Users/nickgros/dev/react-jsonschema-form/packages/playground/vite.config.ts', configFileDependencies: [ '/Users/nickgros/dev/react-jsonschema-form/packages/playground/vite.config.ts' ], inlineConfig: { root: undefined, base: undefined, mode: undefined, configFile: undefined, configLoader: undefined, logLevel: undefined, clearScreen: undefined, build: { rolldownOptions: undefined, rollupOptions: [Getter/Setter] }, worker: { rolldownOptions: undefined, rollupOptions: [Getter/Setter] }, optimizeDeps: { rolldownOptions: undefined, rollupOptions: [Getter/Setter] } }, root: '/Users/nickgros/dev/react-jsonschema-form/packages/playground', decodedBase: './', rawBase: './', publicDir: '/Users/nickgros/dev/react-jsonschema-form/packages/playground/public', cacheDir: '/Users/nickgros/dev/react-jsonschema-form/packages/playground/node_modules/.vite', command: 'build', mode: 'production', isWorker: false, mainConfig: null, bundleChain: [], isProduction: true, css: { transformer: 'postcss', preprocessorMaxWorkers: true, devSourcemap: false }, json: { namedExports: true, stringify: 'auto' }, esbuild: { jsxDev: false, charset: 'utf8', legalComments: 'none' }, builder: undefined, preview: { port: 4173, strictPort: false, host: undefined, allowedHosts: [], https: undefined, open: false, proxy: undefined, cors: { origin: /^https?:\/\/(?:(?:[^:]+\.)?localhost\[::1\])(?::\d+)?$/ }, headers: {} }, envDir: '/Users/nickgros/dev/react-jsonschema-form/packages/playground', env: { BASE_URL: './', MODE: 'production', DEV: false, PROD: true }, assetsInclude: [Function: assetsInclude], rawAssetsInclude: [], logger: { hasWarned: false, info: [Function: info], warn: [Function: warn], warnOnce: [Function: warnOnce], error: [Function: error], clearScreen: [Function: clearScreen], hasErrorLogged: [Function: hasErrorLogged] }, packageCache: Map(1) { 'fnpd_/Users/nickgros/dev/react-jsonschema-form/packages/playground' => { dir: '/Users/nickgros/dev/react-jsonschema-form/packages/playground', data: { name: '@rjsf/playground', version: '6.6.2', description: 'rjsf playground', private: true, type: 'commonjs', scripts: { 'cs-check': 'oxfmt --check "src/*/.{ts,tsx}"', 'cs-format': 'oxfmt "src/*/.{ts,tsx}"', build: 'rimraf build && cross-env NODE_ENV=production vite build', lint: 'oxlint src', precommit: 'lint-staged', 'publish-to-gh-pages': 'pnpm run build && gh-pages --dist build/', 'publish-to-npm': 'pnpm run build && pnpm publish', start: 'vite --force', preview: 'vite preview', test: 'vitest run' }, 'lint-staged': { 'src/*/.{ts,tsx}': [ 'oxlint --fix', 'oxfmt' ] }, files: [ 'dist', 'lib', 'src' ], engineStrict: false, engines: { node: '>=20' }, dependencies: { '@ant-design/icons': '^6.2.5', '@ant-design/cssinjs': '^2.1.2', '@babel/runtime': '^7.29.7', '@chakra-ui/react': '^3.35.0', '@emotion/react': '^11.14.0', '@mantine/core': '^8.3.18', '@mantine/dates': '^8.3.18', '@mantine/hooks': '^8.3.18', '@mui/material': '^9.1.2', '@rjsf/antd': 'workspace:^', '@rjsf/chakra-ui': 'workspace:^', '@rjsf/core': 'workspace:^', '@rjsf/daisyui': 'workspace:^', '@rjsf/fluentui-rc': 'workspace:^', '@rjsf/mantine': 'workspace:^', '@rjsf/mui': 'workspace:^', '@rjsf/primereact': 'workspace:^', '@rjsf/react-bootstrap': 'workspace:^', '@rjsf/semantic-ui': 'workspace:^', '@rjsf/shadcn': 'workspace:^', '@rjsf/utils': 'workspace:^', '@rjsf/validator-ajv8': 'workspace:^', '@rjsf/validator-ata': 'workspace:^', ajv: '^8.20.0', 'ajv-i18n': '^4.2.0', antd: '^6.4.3', atob: '^2.1.2', 'chakra-react-select': '^6.1.3', 'core-js': '^3.49.0', dayjs: '^1.11.21', 'deep-freeze-es6': '^5.0.0', 'fast-deep-equal': '^3.1.3', 'fast-uri': '^3.0.1', jss: '^10.10.0', 'json-schema-traverse': '^1.0.0', lodash: '^4.18.1', 'lucide-react': '^1.16.0', 'monaco-editor': '^0.55.1', primereact: '^10.9.8', react: '^18.3.1', 'react-bootstrap': '^2.10.10', 'react-dom': '^18.3.1', 'react-frame-component': '^5.3.2', 'react-is': '^18.3.1', 'react-resizable-panels': '^4.11.2', 'require-from-string': '^2.0.2', scheduler: '^0.23.2', 'semantic-ui-react': '^2.1.5' }, devDependencies: { '@emotion/cache': '^11.14.0', '@emotion/react': '^11.14.0', '@emotion/styled': '^11.14.1', '@monaco-editor/react': '^4.7.0', '@mui/icons-material': '^9.1.1', '@types/react-frame-component': '^4.1.6', '@vitejs/plugin-react': '^6.0.2', 'gh-pages': '^6.3.0', html: '^1.0.0', 'html-webpack-plugin': '^5.6.7', 'loader-utils': '^3.3.1', 'mini-css-extract-plugin': '^2.10.2', 'react-transform-catch-errors': '^1.0.2', 'react-transform-hmr': '^1.0.4', 'source-map-loader': '^5.0.0', vite: '8.1.0' }, directories: { test: 'test' }, repository: { type: 'git', url: 'git+https://github.com/rjsf-team/react-jsonschema-form.git' }, author: 'Nicolas Perriault ', contributors: [ 'Heath Chiavettone Validations [x] Follow our Code of Conduct [x] Read the Contributing Guidelines. [x] Read the docs. [x] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate. [x] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead. [x] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server. [x] The provided reproduction is a minimal reproducible example of the bug.