Error map
[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 · layer 1, On your device
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.
Directly related (12)
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.
Error: createRoot(...): Target container is not a DOM element.
The element passed to createRoot/render doesn’t exist when the script runs.
Warning: Invalid DOM property `class`. Did you mean `className`?
HTML attribute names were used in JSX instead of their React/DOM property names.
TypeError: Cannot read properties of null (reading 'addEventListener')
document.querySelector/getElementById returned null, so the element doesn’t exist when the script runs.
ResizeObserver loop completed with undelivered notifications.
A ResizeObserver callback changed layout in a way that triggered another resize in the same frame.
Vue: [Vue warn]: injection "theme" not found.
`inject("theme")` ran but no ancestor provided it.
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.
Vue: [plugin:vite:vue] Duplicate attribute. / [vue/no-duplicate-attributes] Duplicate attribute 'class'
The same attribute appears twice on an element in a template.
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.
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: Unexpected token < / Parsing error: '>' expected (vue-eslint-parser not configured)
ESLint can't parse `.vue` files because the Vue parser isn't configured.
Nuxt: [Vue warn]: Hydration completed but contains mismatches.
Server HTML and client render differed; Vue patched the DOM but logs the mismatch.
Two steps away (36)
AbortError: The user aborted a request. / signal is aborted without reason
A fetch was cancelled through an AbortController (or the browser cancelled it).
ChunkLoadError: Loading chunk 123 failed.
A lazily loaded JavaScript chunk couldn’t be downloaded — usually because a new deployment removed the old hashed files.
TypeError: Failed to execute 'json' on 'Response': body stream already read
A fetch Response body was consumed twice (e.g. calling .text() then .json()).
fatal: not a git repository (or any of the parent directories): .git
You ran a Git command outside a Git working tree.
Author identity unknown *** Please tell me who you are.
Git doesn’t know your name and email for commits.
ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
Build tools (Gradle, Maven, Android tools) can’t find a JDK.
Error: Objects are not valid as a React child
You tried to render a plain object (or a Promise/Date) directly in JSX; React can only render strings, numbers, elements and arra…
Error: Nothing was returned from render. This usually means a return statement is missing.
A component returned undefined (React 17 and earlier) — usually a missing return or a return followed by a line break.
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.
TypeError: Cannot read properties of undefined (reading 'x')
You tried to access a property on a value that is `undefined` (or `null`) — usually data that hasn’t loaded yet or a wrong proper…
TypeError: Cannot set properties of undefined (setting 'x')
Code assigned a property on a value that is undefined (or null).
TypeError: x is not iterable
for…of, spread or destructuring was used on something that isn’t an array/iterable.
net::ERR_BLOCKED_BY_CLIENT
A browser extension (ad blocker, privacy tool) blocked the request.
net::ERR_CONNECTION_REFUSED (This site can't be reached — refused to connect)
The browser reached the host but nothing was listening on that port.
NET::ERR_CERT_AUTHORITY_INVALID (Your connection is not private)
The site’s certificate isn’t signed by a CA the browser trusts — self-signed, missing intermediates, or intercepted by a proxy.
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.
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: [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: [Vue warn]: Maximum recursive updates exceeded in component <Foo>. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself
A watcher/computed/render effect keeps changing the state it depends on, creating an infinite update loop.
Vue: [Vue warn]: onMounted is called when there is no active component instance to be associated with
A lifecycle hook was registered outside `setup()` (or after an `await`).
Vue 2: [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'x' of undefined"
An exception was thrown inside a Vue 2 event handler or lifecycle hook, logged with context.
Vue: TypeError: Failed to fetch dynamically imported module: https://app.example.com/assets/Settings-abc123.js
A lazy-loaded route/component chunk couldn't be loaded (new deployment removed old chunks, network issue, or wrong base path).
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.
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] 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.
[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: [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.
npm ERR! code ERESOLVE — unable to resolve dependency tree
npm 7+ found conflicting peer dependency requirements and refuses to install a broken tree.
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: [@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.
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.
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.
TypeScript: error TS1005: ';' expected.
The parser hit a syntax error — missing punctuation, mismatched brackets, or an unsupported syntax for your TypeScript version.
Error: Hydration failed because the initial UI does not match what was rendered on the server
The HTML rendered on the server differs from the first client render, so React (Next.js/Remix) can’t attach to it.
Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
The JSX produces invalid HTML nesting, which also causes hydration mismatches in SSR.
Warning: useLayoutEffect does nothing on the server
A component using useLayoutEffect was server-rendered, where layout effects can’t run.
Map another error
Popular: 500403400ORA-009331064Critical errorFileNotFoundException assemblyTypeError