Error map

[Vue warn]: Duplicate keys found during update Vue: [Vue warn]: Duplicate keys found during update: "5", possible duplicate or missing keys

Vue · layer 1, On your device

Open the full error page →

Centre: this error. First ring: errors it is linked with (7). Outer ring: what those are linked with. Colours show the layer of a request each error belongs to. Click any dot to re-centre the map on it; hover to follow its connections. The centre dot opens the error page.

[Vue warn]: Duplicate keys found during update — Vue: [Vue warn]: Duplicate keys found during update: "5", possible duplicate or missing keys (Vue)[Vue warn]:…Avoid mutating a prop directly — Vue: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders (Vue)Avoid mutating a pr…NG0955 — Angular: NG0955: The provided track expression resulted in duplicated keys for a given collection (@for) (Angular)NG0955v-if with v-for on the same element — Vue: [vue/no-use-v-if-with-v-for] / Vue 3: v-if has higher priority than v-for — property accessed during render is undefined (Vue)v-if with v-for on …Vite: Failed to parse source / Unknown file extension ".vue" — Vite/Vue: [plugin:vite:import-analysis] Failed to parse source for import analysis — you may need to install appropriate plugins to handle the .vue file format (Vue)Vite: Failed to par…vue-loader was used without the corresponding plugin — Webpack: Error: [vue-loader] vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. (Vue)vue-loader was used…ESLint Parsing error in .vue files — ESLint: Parsing error: Unexpected token < / Parsing error: '>' expected (vue-eslint-parser not configured) (Vue)ESLint Parsing erro…[Vue warn]: <TransitionGroup> children must be keyed — Vue: [Vue warn]: <TransitionGroup> children must be keyed: <li> (Vue)[Vue warn]: <Transi…non-boolean attribute — Warning: Received `true` for a non-boolean attribute `x`. (React)non-boolean attribu…key is not a prop — Warning: `key` is not a prop. Trying to access it will result in `undefined` being returned. (React)key is not a propFailed to resolve component — Vue: [Vue warn]: Failed to resolve component: x (Vue)Failed to resolve c…NG0100 — Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked (Angular)NG0100NG8103 — Angular: NG8103: The *ngIf directive was used, but neither the NgIf directive nor the CommonModule was imported (Angular)NG8103Cannot find control with name — Angular: Error: Cannot find control with name: 'email' (reactive forms) (Angular)Cannot find control…Property was accessed during render but is not defined — Vue: [Vue warn]: Property "x" was accessed during render but is not defined on instance (Vue)Property was access…v-model cannot be used on a prop (compile error) — Vue: [@vue/compiler-sfc] v-model cannot be used on a prop, because local prop bindings are not writable (Vue)v-model cannot be u…v-else/v-else-if has no adjacent v-if — Vue: [plugin:vite:vue] v-else/v-else-if has no adjacent v-if or v-else-if. (Vue)v-else/v-else-if ha…Vite failed to resolve import — [vite] Internal server error: Failed to resolve import "x" from "src/App.jsx". Does the file exist? (React)Vite failed to reso…Could not Fast Refresh — [vite] hmr invalidate … Could not Fast Refresh. Export is incompatible. (React)Could not Fast Refr…[Vue warn]: Extraneous non-props attributes — Vue: [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes (Vue)[Vue warn]: Extrane…ERESOLVE — npm ERR! code ERESOLVE — unable to resolve dependency tree (npm)ERESOLVE[Vue warn]: Hydration node/text/children mismatch — Vue: [Vue warn]: Hydration text content mismatch / Hydration node mismatch: server rendered element contains more child nodes than client vdom (Vue)[Vue warn]: Hydrati…[Vue warn]: Unhandled error during execution of setup/mounted hook — Vue: [Vue warn]: Unhandled error during execution of mounted hook / TypeError: Cannot read properties of undefined (reading 'x') (Vue)[Vue warn]: Unhandl…react-hooks/exhaustive-deps — React Hook useEffect has a missing dependency (react-hooks/exhaustive-deps) (React)react-hooks/exhaust…Failed to compile: ESLint errors during next build — Next.js: Failed to compile. ./src/app/page.tsx 12:7 Error: 'x' is assigned a value but never used. @typescript-eslint/no-unused-vars (Next.js)Failed to compile: …TS1005: ';' expected / ',' expected (syntax error) — TypeScript: error TS1005: ';' expected. (TypeScript)TS1005: ';' expecte…Duplicate attribute (Vue template) — Vue: [plugin:vite:vue] Duplicate attribute. / [vue/no-duplicate-attributes] Duplicate attribute 'class' (Vue)Duplicate attribute…

Directly related (7)

Avoid mutating a prop directlyVue

Vue: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders

A child component assigned to a prop. Props flow one way — the parent owns the value.

NG0955Angular

Angular: NG0955: The provided track expression resulted in duplicated keys for a given collection (@for)

In an `@for` block (or `trackBy`), two items produced the same tracking key, so Angular cannot match them to DOM nodes reliably.

v-if with v-for on the same elementVue

Vue: [vue/no-use-v-if-with-v-for] / Vue 3: v-if has higher priority than v-for — property accessed during render is undefined

Using `v-if` and `v-for` on one element: in Vue 3, `v-if` runs first and can't see the loop variable.

Vite: Failed to parse source / Unknown file extension ".vue"Vue

Vite/Vue: [plugin:vite:import-analysis] Failed to parse source for import analysis — you may need to install appropriate plugins to handle the .vue file format

Vite can't process `.vue` files because the Vue plugin isn't installed/enabled.

vue-loader was used without the corresponding pluginVue

Webpack: Error: [vue-loader] vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

Webpack config uses `vue-loader` but doesn't add its plugin.

ESLint Parsing error in .vue filesVue

ESLint: Parsing error: Unexpected token < / Parsing error: '>' expected (vue-eslint-parser not configured)

ESLint can't parse `.vue` files because the Vue parser isn't configured.

[Vue warn]: <TransitionGroup> children must be keyedVue

Vue: [Vue warn]: <TransitionGroup> children must be keyed: <li>

Children of `` lack a unique `key`, so animations can't track items.

Two steps away (19)

non-boolean attributeReact

Warning: Received `true` for a non-boolean attribute `x`.

A boolean was passed to a DOM attribute that expects a string, or a custom prop leaked through to a DOM element.

key is not a propReact

Warning: `key` is not a prop. Trying to access it will result in `undefined` being returned.

A component tried to read props.key, which React reserves and never passes down.

Failed to resolve componentVue

Vue: [Vue warn]: Failed to resolve component: x

The template uses a component tag that isn’t registered or imported where it’s used.

NG0100Angular

Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked

A template value changed during the same change-detection cycle in which Angular already checked it (dev-mode only error).

NG8103Angular

Angular: NG8103: The *ngIf directive was used, but neither the NgIf directive nor the CommonModule was imported

A standalone component uses `*ngIf`, `*ngFor` or `ngClass` without importing the directive — or should migrate to the built-in `@…

Cannot find control with nameAngular

Angular: Error: Cannot find control with name: 'email' (reactive forms)

A `formControlName` points at a control that does not exist in the bound `FormGroup`.

Property was accessed during render but is not definedVue

Vue: [Vue warn]: Property "x" was accessed during render but is not defined on instance

The template references a variable/function that the component doesn’t expose.

v-model cannot be used on a prop (compile error)Vue

Vue: [@vue/compiler-sfc] v-model cannot be used on a prop, because local prop bindings are not writable

A template uses `v-model` on a prop (or a `v-for` alias), which can't be assigned.

v-else/v-else-if has no adjacent v-ifVue

Vue: [plugin:vite:vue] v-else/v-else-if has no adjacent v-if or v-else-if.

A `v-else` element isn't directly after a `v-if`/`v-else-if` sibling.

Vite failed to resolve importReact

[vite] Internal server error: Failed to resolve import "x" from "src/App.jsx". Does the file exist?

Vite couldn’t find an imported file or package.

Could not Fast RefreshReact

[vite] hmr invalidate … Could not Fast Refresh. Export is incompatible.

Fast Refresh fell back to a full reload because the file exports non-components alongside components.

[Vue warn]: Extraneous non-props attributesVue

Vue: [Vue warn]: Extraneous non-props attributes (class) were passed to component but could not be automatically inherited because component renders fragment or text root nodes

Attributes (class, style, listeners) passed to a component can't be applied because the component has multiple root nodes.

ERESOLVEnpm

npm ERR! code ERESOLVE — unable to resolve dependency tree

npm 7+ found conflicting peer dependency requirements and refuses to install a broken tree.

[Vue warn]: Hydration node/text/children mismatchVue

Vue: [Vue warn]: Hydration text content mismatch / Hydration node mismatch: server rendered element contains more child nodes than client vdom

Server-rendered HTML differs from what the client renders on first load.

[Vue warn]: Unhandled error during execution of setup/mounted hookVue

Vue: [Vue warn]: Unhandled error during execution of mounted hook / TypeError: Cannot read properties of undefined (reading 'x')

An exception was thrown inside a lifecycle hook, watcher, event handler or render, and Vue logs it with the context.

react-hooks/exhaustive-depsReact

React Hook useEffect has a missing dependency (react-hooks/exhaustive-deps)

ESLint warns that the effect reads a value that isn’t in its dependency array, so it may use a stale value.

Failed to compile: ESLint errors during next buildNext.js

Next.js: Failed to compile. ./src/app/page.tsx 12:7 Error: 'x' is assigned a value but never used. @typescript-eslint/no-unused-vars

`next build` runs ESLint and fails the build on lint errors.

TS1005: ';' expected / ',' expected (syntax error)TypeScript

TypeScript: error TS1005: ';' expected.

The parser hit a syntax error — missing punctuation, mismatched brackets, or an unsupported syntax for your TypeScript version.

Duplicate attribute (Vue template)Vue

Vue: [plugin:vite:vue] Duplicate attribute. / [vue/no-duplicate-attributes] Duplicate attribute 'class'

The same attribute appears twice on an element in a template.