[Vue warn]: Error in render function: "TypeError: Cannot read property 'first_name' of null"
You are most likely getting that error because user
in your Vuex store is initially set to null
. The user
getter mapped to your Vue component is returning that null
value before some initialization to the Vuex store properly sets the user
.
You could initially set the user
to an empty object {}
. This way, user.first_name
in your Vue component's template will be undefined
and nothing will be rendered in the template.
Alternatively, you could add a v-if="user"
attribute to the containing div
element:
<div v-if="user">
{{ user.first_name }}
</div>
This way, the div
and its contents will not be rendered until the value of the mapped user
property is truthy. This will prevent Vue from trying to access user.first_name
until the user
is properly set.