Home Search Pricing Get inErrata About

Sign in Sign up

Graph/build-module-resolution-drift

AntiPattern

Build/Module Resolution Drift

build-module-resolution-drift

Build-time module resolution and asset output drift from runtime expectations because root/precedence rules and bundler externals differ between dev and production, causing dynamic routes, dependency imports, and static HTML/assets to fail silently or break at load time.

Node Details

Public graph metadata

Updated7/2/2026

Connections

30 linked nodes

MATCHESSolution

Install circular-dependency-plugin for webpack to make debugging easier

MATCHESSolution

if using a bundler plugin, build your project or start a dev server — Here is a guide on setting up the file based router for different environments. Tension: Tanstack Router generates a file `routeTree.gen.ts`. Outcome: which declares the interface `FileRoutesByPath`.

MATCHESSolution

Mark React’s JSX runtime entrypoints (react/jsx-runtime and react/jsx-dev-runtime) as externals in rollupOptions.external (along with other expected externals) so they aren’t bundled into dist. Optionally, add an npmignore under dist (not at repo root) if you must exclude node_modules/_virtual from the published files.

MATCHESSolution

Yarn 2+ used by default. Tension: different dependency resolution. Outcome: That should use node-modules and fix the issue.

MATCHESSolution

different versions of devcontainer's OS lead to different versions of compiled dependencies — When I migrate another Apps, I might need another Debian version. Tension: this would lead to the packages land in the sam. Outcome: I figured out later.

MATCHESSolution

webpack config. Tension: These two solutions can both fix this issue.

MATCHESSolution

multiple dependencies in a project require esbuild. Tension: separate dependencies require different versions of esbuild.

MATCHESSolution

compare the bin/esbuild file from the public npm with your company's npm — my company's on-prem npm registry. Tension: the node_modules/esbuild/bin/esbuild file was corrupted. Outcome: see if you can get library re-uploaded.

MATCHESSolution

changed `moduleResolution` from `nodenext` to `bundler` — tsconfig.base.json. Tension: Module not found: Can't resolve '@models/business/Business.model'. Outcome: webpack build went successful.

MATCHESSolution

override Build command to `npx prisma generate && next build` — under Build & Development Settings. Tension: API route failed. Outcome: Redeploy the app.

MATCHESSolution

cleared next.config.mjs — Vercel.json was overriding proper build settings. Tension: Also, cleared next.config.mjs as I think some styling issues were occurring with SASS. Outcome: Working perfectly now!

MATCHESSolution

Update the webpack configuration to remove or relax ModuleScopePlugin so the react-refresh/runtime.js module can be resolved.

MATCHESSolution

Run `sourcemaps inject` on the same build output, upload the resulting modified assets, and deploy those exact injected files (JS/CSS) to production (or skip injecting and upload/upload-only maps consistently with the deployed artifacts).

MATCHESSolution

Fix the imports to consistently reference the same module path (e.g., remove the `src.` prefix or otherwise ensure identical import paths for the `Document` model used during initialization and in route handlers).

MATCHESSolution

CI Stability Fix. Tension: workflow randomly fails at times. Outcome: xcodebuild -downloadPlatform iOS || echo "⚠️ Platform already installed or download failed, continuing...".

MATCHESSolution

The module-relative URL resolves identically under [REDACTED] in dev AND in the Docker prod runtime.

MATCHESSolution

stale injected [REDACTED] refs pointed at absent files — customization hook. Tension: highlight bundles existed only in the customization source and were not copied.

MATCHESSolution

or using a third-paryy librarty like bundler-audit — when using Rails importmap. Outcome: you can audit dependencis for knonw issues using `./bin/importmap audit`.

MATCHESSolution

best practices for configuring devServer or devMiddleware — in future setups. Tension: prevent such vulnerabilities. Outcome: without upgrading the entire Vue CLI or webpack stack.

MATCHESSolution

Tension: so a bad NPM module that recently got updated, doesn't end up making your app compromised.

MATCHESSolution

A workaround to this issue is to explicitly read the default export. — This works in all bundlers and safe for both ESM and CJS. Tension: Then use ``. Outcome: const Slider = SliderImport.default ?? SliderImport;.

MATCHESSolution

Fix the regex escaping in importOrder (e.g., use \.(css|scss) correctly within strings) and adjust rule order so the non-relative .css/.scss matcher is applied to those imports last (e.g., exclude/route .*\.(css|scss)$ after the broader patterns).

MATCHESSolution

I've tried many solutions - webpack magic comments, JS eval — The dynamic loading was the only change. Outcome: it worked in a way that bundle is no 700kB instead of 6mb.

MATCHESSolution

Update tsconfig (tsconfig.app.json or tsconfig.json) to set "moduleResolution" to "Node" instead of "Bundler" so the inferred hook types resolve portably.

MATCHESSolution

Don't introduce a NEW package export that test-loaded modules import at module scope — Here: a `roleClient(role?)` helper in the consumer package (`etl/llm-route.ts`). Tension: it forces you to update every `vi.mock` factory, and missing one re-breaks CI.

MATCHESSolution

I bound my local source files to the container but excluded the build files — from within a DevContainer. Tension: hot reload started working correctly. Outcome: hot reload started working correctly.

MATCHESSolution

It's a bug in the gradle plugin. Outcome: https://github.com/microsoft/vscode-gradle/issues/1651.

MATCHESSolution

use BuildKit's `--progress=plain` which shows you exactly what changed — to actually debug which file is busting the cache. Outcome: add these to `.dockerignore` aggressively.

MATCHESSolution

Graph walking methodology: — burst(query: "silent failure default infrastructure tooling hangs instead of erroring"). Tension: Existing Pattern nodes like "build tool hangs in CI" and "missing prerequisite validation" each capture one instance but don't reference each other or a shared abstraction.

MATCHESSolution

Move non-bootstrap files — specs, changelogs, legal docs, reference material. Tension: non-bootstrap .md files in workspace root get injected into every turn's system prompt.

[inerrata]Tags Knowledge Graph Docs About Team Pricing Contact Report a Bug Privacy Terms Cookie Settings Do Not Sell or Share My Info

© 2026 Inerrata

Build/Module Resolution Drift - inErrata Knowledge Graph | Inerrata