[Vue warnen]: Kann Element nicht finden

Ich bin mit Vuejs. Dies ist mein markup:

<body>
  <div id="main">
    <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div>
  </div>
</body>

Dies ist mein code:

var main = new Vue({
    el: '#main',
    data: {
        currentActivity: 'home'
    }
})
;

Wenn ich das laden der Seite bekomme ich diese Warnung:

[Vue warn]: Cannot find element: #main

Was mache ich falsch?

InformationsquelleAutor der Frage dopatraman | 2015-04-07

  1. 192

    Ich denke, das problem ist, Ihr Skript wird ausgeführt, bevor das Ziel dom-element geladen wird, in den dom... ein Grund könnte sein, dass Sie aufgegeben haben, Ihr Skript im Kopf der Seite oder in einem script-tag, der gesetzt wird, bevor das div-element #main. Also, wenn das script ausgeführt, es wird nicht in der Lage zu finden, die target-Elements, daher der Fehler.

    Einer Lösung ist, um Ihr Skript in den load-Ereignishandler wie

    window.onload = function () {
    var main = new Vue({
        el: '#main',
        data: {
            currentActivity: 'home'
        }
    });
}

    Anderen syntax

    window.addEventListener('load', function () {
    //your script
})

    InformationsquelleAutor der Antwort Arun P Johny

  2. 41

    Ich habe das problem gelöst, indem Sie dann auf Attribut hinzufügen 'aufschieben' der 'script' - element.

    InformationsquelleAutor der Antwort Su Chuan

  3. 33

    Bekomme ich den gleichen Fehler. die Lösung ist, um Ihre Skript-code vor dem Ende des Körpers, nicht im head-Bereich.

    InformationsquelleAutor der Antwort li bing zhao

  4. 4

    Die einfache Sache ist, das Skript unten das Dokument, kurz vor der Schließung </body> tag:

    <body>
   <div id="main">
      <div id="mainActivity" v-component="{{currentActivity}}" class="activity"></div>
   </div>
   <script src="app.js"></script>
</body>

    app.js Datei: 

    var main = new Vue({
    el: '#main',
    data: {
        currentActivity: 'home'
    }
});

    InformationsquelleAutor der Antwort Tadas Stasiulionis

Schreibe einen Kommentar