Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

boyjarv's avatar

Cannot read properties of undefined (reading 'name')

RegisterView.vue?2891:33 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name') LINE:33

<input
                type="text"
                v-model="this.firstName"
                class="
                  form-control
                  block
                  w-full
                  px-4
                  py-2
                  text-xl
                  font-normal
                  text-gray-700
                  bg-white bg-clip-padding
                  border border-solid border-gray-300
                  rounded
                  transition
                  ease-in-out
                  m-0
                  focus:text-gray-700
                  focus:bg-white
                  focus:border-blue-600
                  focus:outline-none
                "
                placeholder="Name"
              />

NETWORK TAB is giving a 404:

Request URL: http://localhost:8081/app.7bdd8216d92a94ef.hot-update.json
Request Method: GET
Status Code: 404 Not Found
Remote Address: 127.0.0.1:8081

Please help

0 likes
6 replies
MohamedTammam's avatar

Is the app loading already? restart your npm server and clear the cache of your app. then run npm again.

boyjarv's avatar

@MohamedTammam I am still getting:

RegisterView.vue?2891:33 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'name') at Proxy.render (RegisterView.vue?2891:33:1)

MohamedTammam's avatar

@boyjarv Can you please show that component, because mostly your doing something like user.name and name is null

derekwilliams's avatar

@boyjarv

Seeing the same here, looking at the page in Chrome inspector it appears that my component (React in my case) is wrapped in a in the attribute "data-page". Not impressed with inertia so far

Please or to participate in this conversation.