Error map
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 · 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)
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]: Component is missing template or render function.
A component object has neither `template` nor `render`, or an SFC import resolved wrongly.
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.
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.
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: [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: [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.
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 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: [@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: [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: 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).
Two steps away (35)
npm ERR! code EACCES — permission denied
npm can’t write to a directory — usually global installs into a root-owned folder.
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.
npm ERR! code E404 — 404 Not Found: package@version is not in this registry
npm asked the registry for a package (or version) that doesn’t exist there — a typo, a private/scoped package without auth, or th…
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! 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.
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.
TypeError: Cannot read properties of null (reading 'addEventListener')
document.querySelector/getElementById returned null, so the element doesn’t exist when the script runs.
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 loop completed with undelivered notifications.
A ResizeObserver callback changed layout in a way that triggered another resize in the same frame.
Error: @prisma/client did not initialize yet. Please run "prisma generate"
The generated Prisma Client is missing or out of date.
Error: Node Sass does not yet support your current environment
node-sass (deprecated) has no binary for your Node version/OS.
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.
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: [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: [plugin:vite:vue] Duplicate attribute. / [vue/no-duplicate-attributes] Duplicate attribute 'class'
The same attribute appears twice on an element in a template.
npm ERR! Missing script: "start"
The script name you ran isn’t defined in package.json "scripts".
sh: vite: command not found (npm script)
A tool used in an npm script isn’t installed in node_modules/.bin.
Vue: [plugin:vite:vue] Element is missing end tag. / Invalid end tag.
The template has unbalanced HTML tags.
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.
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.
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.
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.
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.
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 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: [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`.
Vue: [Vue warn]: Write operation failed: computed value is readonly
You assigned to a `computed` that has no setter.
Vue: [Vue warn]: injection "theme" not found.
`inject("theme")` ran but no ancestor provided it.
Pinia: Error: [🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
A store was used before Pinia was installed or outside a component context (router guards, plain modules).
Nuxt: [nuxt] [useAsyncData] key must be a string / useFetch only works inside setup, plugins or middleware
`useFetch`/`useAsyncData` were used in an event handler, after an await, or without a key where one is required.
Refused to execute script from 'x' because its MIME type ('text/html') is not executable
The browser fetched a script but the server labelled it text/html (usually an error page), so it refused to run 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.
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html"
A or dynamic import got HTML back instead of JavaScript.
Map another error
Popular: 500403400ORA-009331064Critical errorFileNotFoundException assemblyTypeError