エラー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 
    ] 
}