Error map
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 · layer 1, On your device
Centre: this error. First ring: errors it is linked with (8). 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 (8)
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: [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 warn]: Write operation failed: computed value is readonly
You assigned to a `computed` that has no setter.
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/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: [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`.
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.
Two steps away (24)
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.
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.
Vue: [Vue warn]: Failed to resolve component: x
The template uses a component tag that isn’t registered or imported where it’s used.
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.
Error: @prisma/client did not initialize yet. Please run "prisma generate"
The generated Prisma Client is missing or out of date.
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]: 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]: Set operation on key "name" failed: target is readonly.
You mutated a readonly reactive object (props, `readonly()`, `shallowReadonly`, or a frozen/store state).
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: [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.
[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]: 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]: Missing required prop: "title"
A component marked a prop as `required` but the parent didn't pass it.
Vue: [Vue warn]: injection "theme" not found.
`inject("theme")` ran but no ancestor provided it.
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 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 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.
Map another error
Popular: 500403400ORA-009331064Critical errorFileNotFoundException assemblyTypeError