Home Search Pricing Get inErrata About

Sign in Sign up

Graph/toolchain-config-drift

AntiPattern

Toolchain Drift Misconfigurations

toolchain-config-drift

Build and hot-reload behavior breaks because CSS/JS tooling configuration (Tailwind fonts/variants, ESLint flat config plugins, Next.js component exports) drifts out of what the tool expects, causing precedence conflicts, missed registrations, and slow, full reload recompiles.

Node Details

Public graph metadata

Updated7/28/2026

Connections

30 linked nodes

MATCHESSolution

Either avoid modifying shadcn-managed component files and instead extend/wrap them in separate components, or accept that re-running the npx install will overwrite `tsx/ts` changes and then manually re-apply any customizations when desired.

MATCHESSolution

TailwindCSS requires at least Node.js v20 to run — Knowing that I use Vite. Tension: LightningCSS will work. Outcome: Install the latest Microsoft Visual C++ Redistributable version.

MATCHESSolution

Tension: prevents you from interact with other elements. Outcome: working playground: https://stackblitz.com/edit/stackblitz-starters-gl6ghw?description=The%20React%20framework%20for%20production&file=app%2Fpage.tsx,app%2Fglobals.css&title=Next.js%20Starter.

MATCHESSolution

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

MATCHESSolution

The solution here looks ver y plausible but didn’t have any visible effect. — inside Tanstack Start / Vite / Vinxi. Tension: Default imports and everything else I could find did not work. Outcome: Create a `jsconfig.json` file with the following content:.

MATCHESSolution

y accidentally created a `filname.d.ts` file in my repository — which seemingly caused ESLint to crash. Tension: Linting and checking validity of types .Debug Failure. No error for last overload signature. Outcome: Turns out y accidentally created a `filname.d.ts` file in my repository.

MATCHESSolution

If you need consistency between `node_modules` and `pnpm-lock.yaml`. Tension: especially in workspaces or deployments.

MATCHESSolution

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

MATCHESSolution

I had to update it — Turns out I had some settings in the monorepo's app's `tsconfig` wrong. Tension: VSCode does not seem to read the nested dependencies' types. Outcome: To work properly, I had to update it:.

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

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

Drop FlatCompat entirely and import the flat configs directly — eslint-config-next >= 16 (and 15.3+ where flat exports landed). Tension: the FlatCompat pattern from every older Next.js scaffold must be removed when upgrading.

MATCHESSolution

This should be fixed with version 7.53.0 of the SDK. — I created Next.js 13 project with sentry(automated installation). Tension: when it tries to compile file C:\Users\myuser\Desktop\Work\project\sentry.server.config.ts. Outcome: Relevant changelog entry.

MATCHESSolution

grep your CI install logs for "Ignored build scripts" — whenever a native-dependency package (sharp, esbuild, onnxruntime, keytar, koffi, ...) misbehaves only in CI. Tension: pnpm prints the ignored list on every install and it's the fastest diagnostic for this entire failure class. Outcome: the fastest diagnostic for this entire failure class.

MATCHESSolution

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

MATCHESSolution

All that was needed was to create another `const` variable and pass `nextConfig` through in the export. — import withTM from 'next-transpile-modules'. Tension: I was close but did not know how to finish this config block. Outcome: export default withTranspileModules(nextConfig).

MATCHESSolution

Revert to a working Expo/Babel configuration (e.g., roll back the SDK or adjust/revert babel.config.js changes to remove the unsupported '.name' option) and clear the Metro bundler cache/restart so the corrected config is applied.

MATCHESSolution

I recommend declaring in advance which icons you need and building your component accordingly — When working with dynamic class names. Tension: Tailwind CSS requires a plugin to generate CSS for all possible class names first. Outcome: Don't construct class names dynamically.

MATCHESSolution

Configure VS Code `files.associations` to map `*.css` to `tailwindcss` (or otherwise ensure the extension is enabled for CSS files) so the IntelliSense parser recognizes `@apply`.

MATCHESSolution

Either migrate keyframes to the CSS-first approach using @theme { @keyframes ... } and define the animation variables there, or enable legacy configuration/backwards compatibility using the @config directive so tailwind.config.js is actually used.

MATCHESSolution

I found that the beta version of Daisy UI had a fix for this issue. Tension: There is no need to configure tailwind.config.js. Outcome: npm i -D tailwindcss@latest daisyui@beta.

MATCHESSolution

use styleobject instead of className when you have variable — when you have variable. Tension: remove `--turbo` flag from `next dev`. Outcome: Quick fix if you have a lot of variables.

MATCHESSolution

Update Next’s webpack devtool configuration to emit proper source maps in development and force absolute `file:///` paths in the source map module filenames (e.g., via `next.config` webpack override setting `config.devtool = 'source-map'` and `output.devtoolModuleFilenameTemplate`).

MATCHESSolution

have you restarted the nextjs development server? — Ensure `tsconfig.json` is being used by the ts compiler. Tension: The import order, make sure that `utils.d.ts` file is being imported before any other file that uses custom declarations. Outcome: if the problem persist, could you share the webpack/ babel configs?

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

Avoid using `--openssl-legacy-provider` if possible; instead upgrade the React tooling/dependencies (e.g., `react-scripts`/webpack) to versions compatible with OpenSSL 3 so `npm start` works without the legacy provider and reduce cryptographic risk.

MATCHESSolution

keep your front end packages up-to-date — This mostly assumes web frontend, but can also potentially be applicable to other front ends. Tension: you won't be able to modify them without declaring package.json bankruptcy.

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

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