Vue Errors

Find solutions to common Vue.js errors, warnings, and build-time issues.

Lifecycle & App

Fix: Cannot Unmount an App That Is Not Mounted in Vue.js

Cannot unmount an app that is not mounted.

Learn how to fix the '

Fix: Function Called Without Active Instance in Vue.js

{calledFunctionName}() called without active instance.

Learn how to fix the '

Fix: Plugin Already Applied to Target App in Vue.js

Plugin has already been applied to target app.

Learn how to fix the '

Fix: Unhandled Error During Execution in Vue.js

Unhandled error during execution of {type}

Learn how to fix '

Compiler & Build

Fix: Cannot Combine Flow and TypeScript Plugins in Vue.js

Cannot combine flow and typescript plugins.

Learn how to fix the '

Fix: Please Add a BigInt Polyfill in Vue.js

Please add a BigInt polyfill.

Learn how to fix the '

Fix: Cannot Combine Decorators and Decorators-Legacy in Vue.js

Cannot combine decorators and decorators-legacy plugin together

Learn how to fix the '

Fix: globalTypeFiles Requires fs Access in Vue.js

[vue/compiler-sfc] globalTypeFiles requires fs access.

Learn how to fix the '

Reactivity System

Fix: Computed Property Has No Getter in Vue.js

Computed property "{key}" has no getter.

Learn how to fix the '

Fix: Infinite Loop in Effect in Vue.js

Detected infinite loop in effect.

Learn how to fix the '

Fix: Maximum Recursive Updates Exceeded in Vue.js

Maximum recursive updates exceeded.

Learn how to fix the '

Components

Fix: Component Already Registered in Vue.js

Component "{name}" has already been registered in target app.

Learn how to fix the '

Fix: data() Should Return an Object in Vue.js

data() should return an object.

Learn how to fix the '

Fix: Duration Is NaN in Vue.js Transitions

{type} is NaN - the duration expression might be incorrect.

Learn how to fix the '

Fix: Component Missing Template or Render Function in Vue.js

Component is missing template or render function:

Learn how to fix the '

Fix: Failed to Resolve Component in Vue.js

Failed to resolve {type}: {name}

Learn how to fix the '

Fix: Invalid Teleport Target in Vue.js

Invalid Teleport target: {targetSelector}

Learn how to fix the '

Fix: Invalid Transition Mode in Vue.js

invalid <transition> mode: {mode}

Learn how to fix the '

Fix: KeepAlive Should Contain Exactly One Component Child

KeepAlive should contain exactly one component child.

Learn how to fix the '

Fix: Non-Function Value Encountered for Slot in Vue.js

Non-function value encountered for slot "{key}".

Learn how to fix the '

Fix: Not a Valid Number for Duration in Vue.js

{type} is not a valid number - got {value}.

Learn how to fix the '

Fix: Slot Invoked Outside of Render Function in Vue.js

Slot "{key}" invoked outside of the render function.

Learn how to fix the '

Fix: Suspense Slots Expect a Single Root Node in Vue.js

<Suspense> slots expect a single root node.

Learn how to fix the '

Props & Properties

Fix: Attempting to Mutate Prop in Vue.js

Attempting to mutate prop "{key}". Props are readonly.

Learn how to fix the '

Fix: Extraneous Non-Props Attributes in Vue.js

Extraneous non-props attributes ({attrs}) were passed to component but could not be automatically inherited.

Learn how to fix the '

Fix: Invalid Prop Name Is a Reserved Property in Vue.js

Invalid prop name: "{key}" is a reserved property.

Learn how to fix the '

Fix: Invalid Props Options in Vue.js

invalid props options

Learn how to fix the '

Fix: Property Already Defined in Vue.js

{type} property "{key}" is already defined in {source}.

Learn how to fix the '

Fix: Props Default Key Has No Corresponding Declaration in Vue.js

props default key "{key}" has no corresponding declaration.

Learn how to fix the '

Fix: Props Must Be Strings When Using Array Syntax in Vue.js

props must be strings when using array syntax.

Learn how to fix the '

Fix: Root Props Passed to app.mount() Must Be an Object in Vue.js

root props passed to app.mount() must be an object.

Learn how to fix the '

Composition API

Fix: Cannot Mutate Script Setup Binding From Options API in Vue.js

Cannot mutate <script setup> binding "{key}" from Options API.

Learn how to fix the '

Fix: expose() Should Be Called Only Once Per setup() in Vue.js

expose() should be called only once per setup().

Learn how to fix the '

Fix: inject() Can Only Be Used Inside setup() in Vue.js

inject() can only be used inside setup() or functional components.

Learn how to fix the '

Fix: Injection Not Found in Vue.js

injection "{key}" not found.

Learn how to fix the '

Fix: provide() Can Only Be Used Inside setup() in Vue.js

provide() can only be used inside setup().

Learn how to fix the '

Fix: setupContext.attrs Is Readonly in Vue.js

setupContext.attrs is readonly.

Learn how to fix the '

Fix: useModel Called with Prop Not Declared in Vue.js

useModel() called with prop "{name}" which is not declared.

Learn how to fix the '

Fix: useModel Called Without Active Instance in Vue.js

useModel() called without active instance.

Learn how to fix the '

Fix: useTemplateRef Already Exists in Vue.js

useTemplateRef('

Learn how to fix the '

Directives

Fix: Directive Already Registered in Vue.js

Directive "{name}" has already been registered in target app.

Learn how to fix the '

Fix: v-for Range Expects an Integer Value in Vue.js

The v-for range expect an integer value but got {source}.

Learn how to fix the '

Fix: v-on With No Argument Expects an Object Value in Vue.js

v-on with no argument expects an object value.

Learn how to fix the '

Fix: withDirectives Can Only Be Used Inside Render Functions in Vue.js

withDirectives can only be used inside render functions.

Learn how to fix the '

SSR & Hydration

Fix: Hydration Mismatch in Vue.js SSR

Hydration completed but contains mismatches.

Learn how to fix hydration mismatch errors in Vue.js when server-rendered HTML doesn'

Fix: useSSRContext Not Supported in Global Build in Vue.js

useSSRContext() is not supported in the global build.

Learn how to fix the '

Watchers & Computed

Fix: Invalid Watch Handler Specified by Key in Vue.js

Invalid watch handler specified by key "{handler}"

Learn how to fix the '

Fix: Invalid Watch Option in Vue.js

Invalid watch option: "{key}"

Learn how to fix the '

Rendering & VNodes

Fix: Invalid VNode Type When Creating VNode in Vue.js

Invalid vnode type when creating vnode: {type}.

Learn how to fix the '

Fix: VNode Created with Invalid Key (NaN) in Vue.js

VNode created with invalid key (NaN). VNode type:

Learn how to fix the '