TypeError: Cannot read properties of undefined (reading ***)

I read several versions elsewhere

 

Version of a

1. Check your data Does the defined attribute not have the attribute you use , If not, define a , as follows ：
#template
<div class="he-info__item">
    <span class="he-label"> Name of consignee :</span>
    <span class="he-value">{
   { detail.buyer.name }}</span>
</div>
<div class="he-info__item">
   <span class="he-label"> Contact information :</span>
   <span class="he-value">{
   { detail.buyer.mobile }}</span>
</div>

#js
export default {
   data () {
       detail: {
        buyer: {
          name: "",
          mobile: "",
        },
        user: {
          nickname: "",
        },
      },
   }
}

Version 2

//2. It may also be that the data returned to you by the backend does not have this attribute   perhaps   Some of the returned data   There are plenty of them  null ,
//  You can't write at this time  {
   { item.xxx || “” }}  Otherwise, it will report a mistake  Cannot read properties of undefined (reading ‘xxx‘)“  It can be solved like this   as follows ：
#template
 <div v-if="!!item.invite">{
   { item.invite.nickname }}</div> // Only when this attribute is present    
 // Or so it goes 
 <div v-if="item?.invite">{
   { item.invite.nickname }}</div> // Only when this attribute is present 


 <div v-else>{
   { "" }}</div> // No return   perhaps  null  Directly fill in  “”

Version 3

//3. There is another kind on the Internet   View not updated   Data has not been returned   You start using this property   You can add 
 this.$nectTick (()=>{// get data })  Wrap it 

If there is no code error in my solution, you can download it again and try it

hold node_modules Delete and

npm i 
 or 
cnpm i

If the download package is wrong when starting the project Then this method is a little cuddly

We can try src Next .umi Delete the file  

Then download the dependency package that reports an error

Then start the project ！！！