錯誤Vue.js「無法讀取屬性'未定義的道具'

Question

教程上的一切都在gorails上，但有些問題。在Chrome 錯誤消息：

Uncaught TypeError: Cannot read property 'props' of undefined 
    at normalizeProps (vue.runtime.esm.js?ff9b:1291) 
    at mergeOptions (vue.runtime.esm.js?ff9b:1363) 
    at mergeOptions (vue.runtime.esm.js?ff9b:1372) 
    at Vue$3.Vue._init (vue.runtime.esm.js?ff9b:4268) 
    at new Vue$3 (vue.runtime.esm.js?ff9b:4384) 
    at HTMLDocument.eval (hello_vue.js?94ab:29)  
    at Object.t.dispatch (turbolinks.self-) 
    at r.t.Controller.r.notifyApplicationAfterPageLoad ...) 
    at r.t.Controller.r.pageLoaded (t...) 
    at turbolinks.self... 

Hello_vue文件：

import Vue from 'vue' 
import TurbolinksAdapter from "vue-turbolinks" 
import VueResource from "vue-resource" 

Vue.use(VueResource); 

document.addEventListener('turbolinks:load',() => { 

    Vue.http.headers.common["X-CSRF-Token"] = document.querySelector('meta[name="csrf-token"]').getAttribute("content"); 

    var element = document.getElementById("team-form") 

    if(element != null){ 

    var team = JSON.parse(element.dataset.team); 
    var players_attributes = JSON.parse(element.dataset.playersAttributes); 
    players_attributes.forEach(function(player){ 
     player._destroy = null 
    }) 
    team.players_attributes = players_attributes; 

    var app = new Vue({ 
     el: element, 
     mixins: [TurbolinksAdapter], 
     data: function(){ 
      return { team: team } 
     }, 
     methods: { 
      addPlayer: function(){ 
       team.players_attributes.push({ 
       id: null, 
       name: "", 
       _destroy: null 
       }) 
      } 
     } 
    }); 
    } 
}); 

據我瞭解，在App對象的初始化錯誤，但我不能確切理解。我有點做對了。

Answer 1

在 混入錯誤：[TurbolinksAdapter]

除去該行，並加入 Vue.use（TurbolinksAdapter）; Vue.use（VueResource）; 它一切正常

Answer 2

我有這個問題，在Vue mixins數組中拼錯一個變量。 例如：

import file from '../folder/with/file' 
export default: { 
    mixins: [ 
     fil 
    ] 
} 

應該

import file from '../folder/with/file' 
export default: { 
    mixins: [ 
     file 
    ] 
}