渲染错误：＆＃34; TypeError：无法读取属性＆＃39; fieldName＆＃39;未定义＆＃34;

Question

我正在渲染自定义组件列表（这只是一个示例），如下所示：

<template>
    <ul>
        <li
                v-for="(item, index) in componentList"

                :field-name="MyFieldName"
         >
               <custom_component :index="index" 
                   :some-prop="item.someProps" />
        ></li>
    </ul> 
</template>

<script> 


 export default { 
   name: 'myListComp';

   props: {

     },
     ... other props
  },

  data () {
   return {
        /// ... some other variable/properties for this instance
        myFieldName: '',
       componentList: []
    }
   },

  created () {
        // ...
       Load data from props
       this.myFieldName = this.fieldName;
       // Initialize Component List with the data
       this.componentList = this.initializeComponentList();
         // ...
    },

    methods:{
      initializeComponentList() { 
        // Get the list from AJAX
        return [{}, {}, ....];
      }
    }

} 
</script>

渲染组件列表时，我得到一些奇怪的错误。

旁注...我正在使用最新的laravel-mix ^ 2.1.11来编译vue组件。我正在使用Vue ^ 2.5.16和vuex ^ 3.0.1。