Error map

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 · layer 1, On your device

Open the full error page →

Centre: this error. First ring: errors it is linked with (12). 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.

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: Faile…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…[Vue warn]: Set operation on key failed: target is readonly — Vue: [Vue warn]: Set operation on key "name" failed: target is readonly. (Vue)[Vue warn]: Set ope…[Vue warn]: Component is missing template or render function — Vue: [Vue warn]: Component is missing template or render function. (Vue)[Vue warn]: Compone…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…[Vue warn]: Failed to locate Teleport target with selector — Vue: [Vue warn]: Failed to locate Teleport target with selector "#modal". Note the target element must exist before the component is mounted (Vue)[Vue warn]: Failed …Component provided template option but runtime compilation is not supported — Vue: [Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js" (Vue)Component provided …v-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 …Tags with side effect (<script>/<style>) are ignored in client component templates — Vue: [Vue warn]: Template compilation error: Tags with side effect (<script> and <style>) are ignored in client component templates (Vue)Tags with side effe…[Vue warn]: Invalid prop: type check failed — Vue: [Vue warn]: Invalid prop: type check failed for prop "count". Expected Number with value 5, got String with value "5" (Vue)[Vue warn]: Invalid…[Vue warn]: Duplicate keys found during update — Vue: [Vue warn]: Duplicate keys found during update: "5", possible duplicate or missing keys (Vue)[Vue warn]: Duplica…MODULE_NOT_FOUND — Error: Cannot find module 'x' (MODULE_NOT_FOUND) (Node.js)MODULE_NOT_FOUNDuncontrolled to controlled — Warning: A component is changing an uncontrolled input to be controlled (React)uncontrolled to con…TS2307 — TS2307: Cannot find module 'x' or its corresponding type declarations. (Node.js)TS2307Adjacent JSX elements — Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (React)Adjacent JSX elemen…setState during render — Warning: Cannot update a component (`Parent`) while rendering a different component (`Child`) (React)setState during ren…Target container is not a DOM element — Error: createRoot(...): Target container is not a DOM element. (React)Target container is…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…[Vue warn]: Missing required prop — Vue: [Vue warn]: Missing required prop: "title" (Vue)[Vue warn]: Missing…[Vue warn]: Component emitted event but it is neither declared in the emits option nor as an onXxx prop — Vue: [Vue warn]: Component emitted event "update" but it is neither declared in the emits option nor as an "onUpdate" prop (Vue)[Vue warn]: Compone…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 prop type: The prop href expects a string or object in <Link> — Next.js: Error: Failed prop type: The prop `href` expects a `string` or `object` in `<Link>`, but got `undefined` instead (Next.js)Failed prop type: T…ELIFECYCLE — npm ERR! code ELIFECYCLE / Command failed with exit code 1 (npm)ELIFECYCLEgyp ERR! — gyp ERR! build error / node-gyp rebuild failed (npm)gyp ERR!ERR_OSSL_EVP_UNSUPPORTED — Error: error:0308010C:digital envelope routines::unsupported (Node.js)ERR_OSSL_EVP_UNSUPP…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…Element is missing end tag — Vue: [plugin:vite:vue] Element is missing end tag. / Invalid end tag. (Vue)Element is missing …Duplicate attribute (Vue template) — Vue: [plugin:vite:vue] Duplicate attribute. / [vue/no-duplicate-attributes] Duplicate attribute 'class' (Vue)Duplicate attribute…addEventListener on null — TypeError: Cannot read properties of null (reading 'addEventListener') (JavaScript)addEventListener on…invalid selector — DOMException: Failed to execute 'querySelector' on 'Document': 'x' is not a valid selector (JavaScript)invalid selectorResizeObserver loop — ResizeObserver loop completed with undelivered notifications. (JavaScript)ResizeObserver loopprisma generate — Error: @prisma/client did not initialize yet. Please run "prisma generate" (Node.js)prisma generatenode-sass — Error: Node Sass does not yet support your current environment (Node.js)node-sassPrerender error — Error occurred prerendering page "/x". Read more: https://nextjs.org/docs/messages/prerender-error (React)Prerender errorv-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…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…Missing script — npm ERR! Missing script: "start" (npm)Missing scriptscript command not found — sh: vite: command not found (npm script) (npm)script command not …TS2741: Property is missing in type but required in type — TypeScript: error TS2741: Property 'email' is missing in type '{ name: string; }' but required in type 'User'. (TypeScript)TS2741: Property is…TS7031: Binding element implicitly has an 'any' type — TypeScript: error TS7031: Binding element 'name' implicitly has an 'any' type. (TypeScript)TS7031: Binding ele…[Vue warn]: injection "x" not found — Vue: [Vue warn]: injection "theme" not found. (Vue)[Vue warn]: injecti…NG0955 — Angular: NG0955: The provided track expression resulted in duplicated keys for a given collection (@for) (Angular)NG0955[Vue warn]: <TransitionGroup> children must be keyed — Vue: [Vue warn]: <TransitionGroup> children must be keyed: <li> (Vue)[Vue warn]: <Transi…

Directly related (12)

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.

[Vue warn]: Set operation on key failed: target is readonlyVue

Vue: [Vue warn]: Set operation on key "name" failed: target is readonly.

You mutated a readonly reactive object (props, `readonly()`, `shallowReadonly`, or a frozen/store state).

[Vue warn]: Component is missing template or render functionVue

Vue: [Vue warn]: Component is missing template or render function.

A component object has neither `template` nor `render`, or an SFC import resolved wrongly.

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.

[Vue warn]: Failed to locate Teleport target with selectorVue

Vue: [Vue warn]: Failed to locate Teleport target with selector "#modal". Note the target element must exist before the component is mounted

`` can't find its target element when mounting.

Component provided template option but runtime compilation is not supportedVue

Vue: [Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js"

A component uses a string `template` but the runtime-only Vue build has no compiler.

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.

Tags with side effect (<script>/<style>) are ignored in client component templatesVue

Vue: [Vue warn]: Template compilation error: Tags with side effect (<script> and <style>) are ignored in client component templates

A component template contains ``/`` tags, which Vue won't render.

[Vue warn]: Invalid prop: type check failedVue

Vue: [Vue warn]: Invalid prop: type check failed for prop "count". Expected Number with value 5, got String with value "5"

A prop received a value of the wrong type.

[Vue warn]: Duplicate keys found during updateVue

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

Items in a `v-for` list share the same `:key`, which breaks Vue's diffing.

Two steps away (34)

MODULE_NOT_FOUNDNode.js

Error: Cannot find module 'x' (MODULE_NOT_FOUND)

Node can’t resolve the module path — the package isn’t installed, or a relative path/extension is wrong.

uncontrolled to controlledReact

Warning: A component is changing an uncontrolled input to be controlled

An input’s `value` started as `undefined` (uncontrolled) and later became a defined value (controlled), or vice versa.

TS2307Node.js

TS2307: Cannot find module 'x' or its corresponding type declarations.

TypeScript can’t resolve the import — the package isn’t installed, the path alias isn’t configured, or there are no types.

Adjacent JSX elementsReact

Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

A component returns two sibling JSX elements without a single parent.

setState during renderReact

Warning: Cannot update a component (`Parent`) while rendering a different component (`Child`)

A child component updated a parent’s state during its render instead of in an effect or event handler.

Target container is not a DOM elementReact

Error: createRoot(...): Target container is not a DOM element.

The element passed to createRoot/render doesn’t exist when the script runs.

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.

[Vue warn]: Missing required propVue

Vue: [Vue warn]: Missing required prop: "title"

A component marked a prop as `required` but the parent didn't pass it.

[Vue warn]: Component emitted event but it is neither declared in the emits option nor as an onXxx propVue

Vue: [Vue warn]: Component emitted event "update" but it is neither declared in the emits option nor as an "onUpdate" prop

A component calls `emit("update")` without declaring it in `emits`.

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 prop type: The prop href expects a string or object in <Link>Next.js

Next.js: Error: Failed prop type: The prop `href` expects a `string` or `object` in `<Link>`, but got `undefined` instead

`` received `undefined` (or another invalid value), so Next.js can't build the link.

ELIFECYCLEnpm

npm ERR! code ELIFECYCLE / Command failed with exit code 1

An npm script (build, start, test, postinstall) exited with an error. ELIFECYCLE is only the wrapper — the real error is printed…

gyp ERR!npm

gyp ERR! build error / node-gyp rebuild failed

A dependency with native C/C++ code couldn’t compile — missing build tools, Python, or an unsupported Node version.

ERR_OSSL_EVP_UNSUPPORTEDNode.js

Error: error:0308010C:digital envelope routines::unsupported

An old build tool (webpack 4, old react-scripts) uses a hash algorithm that OpenSSL 3 in Node 17+ disables.

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.

Element is missing end tagVue

Vue: [plugin:vite:vue] Element is missing end tag. / Invalid end tag.

The template has unbalanced HTML tags.

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.

addEventListener on nullJavaScript

TypeError: Cannot read properties of null (reading 'addEventListener')

document.querySelector/getElementById returned null, so the element doesn’t exist when the script runs.

invalid selectorJavaScript

DOMException: Failed to execute 'querySelector' on 'Document': 'x' is not a valid selector

The CSS selector string is invalid — often an ID starting with a digit or containing special characters.

ResizeObserver loopJavaScript

ResizeObserver loop completed with undelivered notifications.

A ResizeObserver callback changed layout in a way that triggered another resize in the same frame.

prisma generateNode.js

Error: @prisma/client did not initialize yet. Please run "prisma generate"

The generated Prisma Client is missing or out of date.

node-sassNode.js

Error: Node Sass does not yet support your current environment

node-sass (deprecated) has no binary for your Node version/OS.

Prerender errorReact

Error occurred prerendering page "/x". Read more: https://nextjs.org/docs/messages/prerender-error

A page threw an error while Next.js was rendering it at build time.

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.

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.

Missing scriptnpm

npm ERR! Missing script: "start"

The script name you ran isn’t defined in package.json "scripts".

script command not foundnpm

sh: vite: command not found (npm script)

A tool used in an npm script isn’t installed in node_modules/.bin.

TS2741: Property is missing in type but required in typeTypeScript

TypeScript: error TS2741: Property 'email' is missing in type '{ name: string; }' but required in type 'User'.

An object lacks one required property of the target type.

TS7031: Binding element implicitly has an 'any' typeTypeScript

TypeScript: error TS7031: Binding element 'name' implicitly has an 'any' type.

A destructured parameter has no type, so its elements default to `any`.

[Vue warn]: injection "x" not foundVue

Vue: [Vue warn]: injection "theme" not found.

`inject("theme")` ran but no ancestor provided it.

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.

[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.