Error map

Could not Fast Refresh [vite] hmr invalidate … Could not Fast Refresh. Export is incompatible.

React · layer 1, On your device

Open the full error page →

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

Could not Fast Refresh — [vite] hmr invalidate … Could not Fast Refresh. Export is incompatible. (React)Could not F…not wrapped in act — Warning: An update to Component inside a test was not wrapped in act(...) (React)not wrapped in actuncontrolled to controlled — Warning: A component is changing an uncontrolled input to be controlled (React)uncontrolled to con…Adjacent 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…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…Unable to find an element — TestingLibraryElementError: Unable to find an element with the text: x (React)Unable to find an e…componentWillMount renamed — Warning: componentWillMount has been renamed, and is not recommended for use. (React)componentWillMount …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: Failed to par…Nuxt/Vite: Failed to resolve import "~/..." or "@/..." — Nuxt: [vite] Internal server error: Failed to resolve import "~/components/Foo.vue" from "pages/index.vue". Does the file exist? (Vue)Nuxt/Vite: Failed t…UnhandledPromiseRejection — Node.js: [UnhandledPromiseRejection] — This error originated either by throwing inside of an async function without a catch block (Node.js)UnhandledPromiseRej…await outside async — SyntaxError: await is only valid in async functions and the top level bodies of modules (JavaScript)await outside asyncAbortError — AbortError: The user aborted a request. / signal is aborted without reason (JavaScript)AbortErrorTypeError — TypeError: Cannot read properties of undefined (reading 'x') (JavaScript)TypeErrorToo many re-renders — Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. (React)Too many re-rendersread-only property — TypeError: Cannot assign to read only property 'x' of object (JavaScript)read-only propertyObjects are not valid as a React child — Error: Objects are not valid as a React child (React)Objects are not val…invalid regex — SyntaxError: Invalid regular expression: /x/: Unterminated group (JavaScript)invalid regexNothing was returned from render — Error: Nothing was returned from render. This usually means a return statement is missing. (React)Nothing was returne…unique key prop — Warning: Each child in a list should have a unique "key" prop (React)unique key propIllegalStateException — java.lang.IllegalStateException (Java)IllegalStateExcepti…Element type is invalid — Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined (React)Element type is inv…not a git repository — fatal: not a git repository (or any of the parent directories): .git (Git)not a git repositoryauthor identity unknown — Author identity unknown *** Please tell me who you are. (Git)author identity unk…JAVA_HOME not set — ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. (Java)JAVA_HOME not setMODULE_NOT_FOUND — Error: Cannot find module 'x' (MODULE_NOT_FOUND) (Node.js)MODULE_NOT_FOUNDTS2307 — TS2307: Cannot find module 'x' or its corresponding type declarations. (Node.js)TS2307Can't find stylesheet to import — Angular (Sass): Error: Can't find stylesheet to import. @import 'variables'; (Angular)Can't find styleshe…Jest ESM — Jest: SyntaxError: Cannot use import statement outside a module (Jest encountered an unexpected token) (React)Jest ESMDEP0005 — DeprecationWarning: Buffer() is deprecated due to security and usability issues (DEP0005) (Node.js)DEP0005DEP0040 — DeprecationWarning: The `punycode` module is deprecated (DEP0040) (Node.js)DEP0040npm WARN deprecated — npm WARN deprecated package@1.2.3: This package is no longer supported. (npm)npm WARN deprecated[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]: 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: Can't resolve 'x' (Next.js build) — Next.js: Module not found: Can't resolve '@/components/Button' / 'lodash' in '/app/src' (Next.js)Module not found: C…[vuex] unknown mutation type / unknown action type — Vuex: [vuex] unknown mutation type: SET_USER / [vuex] unknown action type: fetchUser (Vue)[vuex] unknown muta…Error: [vuex] do not mutate vuex store state outside mutation handlers — Vuex (strict mode): Error: [vuex] do not mutate vuex store state outside mutation handlers. (Vue)Error: [vuex] do no…

Directly related (10)

not wrapped in actReact

Warning: An update to Component inside a test was not wrapped in act(...)

A component updated state after the test’s synchronous assertions — async work wasn’t awaited.

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.

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.

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.

Unable to find an elementReact

TestingLibraryElementError: Unable to find an element with the text: x

getBy* found no matching element in the rendered output.

componentWillMount renamedReact

Warning: componentWillMount has been renamed, and is not recommended for use.

A class component uses legacy lifecycle methods (componentWillMount/WillReceiveProps/WillUpdate).

Vite: Failed to parse source / Unknown file extension ".vue"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

Vite can't process `.vue` files because the Vue plugin isn't installed/enabled.

Nuxt/Vite: Failed to resolve import "~/..." or "@/..."Vue

Nuxt: [vite] Internal server error: Failed to resolve import "~/components/Foo.vue" from "pages/index.vue". Does the file exist?

Vite couldn't resolve an alias import — the file doesn't exist at that path or the alias isn't defined.

Two steps away (28)

UnhandledPromiseRejectionNode.js

Node.js: [UnhandledPromiseRejection] — This error originated either by throwing inside of an async function without a catch block

A promise rejected and nothing handled it; since Node 15 this crashes the process.

await outside asyncJavaScript

SyntaxError: await is only valid in async functions and the top level bodies of modules

await was used inside a function that isn’t async (or in a classic, non-module script).

AbortErrorJavaScript

AbortError: The user aborted a request. / signal is aborted without reason

A fetch was cancelled through an AbortController (or the browser cancelled it).

TypeErrorJavaScript

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…

Too many re-rendersReact

Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

A state update runs during render, which triggers another render, which updates state again — forever.

read-only propertyJavaScript

TypeError: Cannot assign to read only property 'x' of object

Code tried to modify a frozen object, a getter-only property, or immutable state.

Objects are not valid as a React childReact

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…

invalid regexJavaScript

SyntaxError: Invalid regular expression: /x/: Unterminated group

A regex pattern has invalid syntax — unbalanced parentheses/brackets or unescaped special characters.

Nothing was returned from renderReact

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.

unique key propReact

Warning: Each child in a list should have a unique "key" prop

When rendering a list with `.map()`, each element needs a stable, unique `key` so React can track items between renders.

IllegalStateExceptionJava

java.lang.IllegalStateException

A method was called when the object wasn’t in the right state for it.

Element type is invalidReact

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined

JSX referenced a component that is undefined — almost always a default/named import mismatch.

not a git repositoryGit

fatal: not a git repository (or any of the parent directories): .git

You ran a Git command outside a Git working tree.

author identity unknownGit

Author identity unknown *** Please tell me who you are.

Git doesn’t know your name and email for commits.

JAVA_HOME not setJava

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.

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.

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.

Can't find stylesheet to importAngular

Angular (Sass): Error: Can't find stylesheet to import. @import 'variables';

A Sass `@import` / `@use` cannot resolve its path — wrong relative path, missing underscore partial, or the include path is not c…

Jest ESMReact

Jest: SyntaxError: Cannot use import statement outside a module (Jest encountered an unexpected token)

Jest tried to run untransformed ES module syntax — usually from a dependency in node_modules.

DEP0005Node.js

DeprecationWarning: Buffer() is deprecated due to security and usability issues (DEP0005)

Code (yours or a dependency) uses the deprecated new Buffer() constructor.

DEP0040Node.js

DeprecationWarning: The `punycode` module is deprecated (DEP0040)

A dependency imports Node’s built-in punycode module, deprecated since Node 21.

npm WARN deprecatednpm

npm WARN deprecated package@1.2.3: This package is no longer supported.

A dependency (often a transitive one) is deprecated by its author.

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

Module not found: Can't resolve 'x' (Next.js build)Next.js

Next.js: Module not found: Can't resolve '@/components/Button' / 'lodash' in '/app/src'

Webpack/Turbopack couldn't resolve an import — wrong path/alias, missing dependency or case mismatch.

[vuex] unknown mutation type / unknown action typeVue

Vuex: [vuex] unknown mutation type: SET_USER / [vuex] unknown action type: fetchUser

`commit`/`dispatch` was called with a name that isn't registered in the store (or its module namespace).

Error: [vuex] do not mutate vuex store state outside mutation handlersVue

Vuex (strict mode): Error: [vuex] do not mutate vuex store state outside mutation handlers.

Store state was modified directly (in a component or action) while strict mode is on.