Framework7 .addView keine Funktion

Ich versuche zum erstellen einer Cordova-app mit Framework7 als meine Benutzeroberfläche. Ich versuche, inline-pages, layout-Architektur, sondern in der Einrichtung meiner Projekt ich erhalte die folgende Fehlermeldung in der Konsole:

Uncaught TypeError: myApp.addView ist nicht eine Funktion

Dies ist in Reaktion auf die config:

    //Initialize your app
    var myApp = new Framework7({
        animateNavBackIcon:true
    });

    //Export selectors engine
    var $$ = Dom7;

    //Add main View
    var mainView = myApp.addView('.view-main', {
      //Enable dynamic Navbar
      dynamicNavbar: true,
      //Enable Dom Cache so we can use all inline pages
      domCache: true
    });

Weiß jemand, was ist die Ursache und wie kann ich es beheben? Auch, hat jemand eine funktionierende Vorlage/- code-Beispiel für ein Framework7 inline-Seiten-app, die ich verwenden könnte, wie mir ist klar, funktioniert nicht.

Cheers

  • Ich habe das gleiche problem auf einem F7-app, die verwendet werden, um zu arbeiten, bevor Sie das neueste update.
InformationsquelleAutor delanick | 2017-10-17



4 Replies
  1. 1

    Zweite Antwort mehr wissen. Es scheint die F7-docs waren veraltet, aber es wurden nun aktualisiert. Um sich über den Fehler, ändern Sie die folgenden:

    ALT: app.addView(el,{...}) NEU: app.views.add(el,{...})

    Ein paar andere Dinge, die sich geändert haben:

    • ALT: app.hideIndicator() und app.showIndicator() NEU: app.preloader.show() und app.preloader.hide()
    • ALT: app.searchBar(el, {...}) NEU: app.searchbar.create(el,{...})
    • ALT: app.pullToRefreshDone() NEU: app.ptr.done()

    Ist und sicherlich mehr. Überprüfen Sie Ihre Konsole für die Fehler und das update mit Hilfe der docs für Referenz: http://framework7.io/docs/

    • Wie es aussieht hat sich das jetzt geändert auf app.Blick.erstellen
  2. 0

    Versuchen, setzen Sie die CSS-Klasse anzeigen-main auf Ihre div wie diese:

    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
    • Ich habe bereits dass. Das ist, warum ist es so verdammt verwirrend! 🙁
  3. 0

    Ich hatte das gleiche problem auf einem F7-app, die verwendet werden, um zu arbeiten, bevor Sie das neueste update. Stellt sich heraus, ich versehentlich installiert eine beta-version, die unvollständig war (oder zumindest materiell) ich 1.6.5 installiert und das Problem ging Weg.

    • Ich bin mit Intel XDK für meine app dev, können Sie mir sagen, wie es zu installieren andere als nur das kopieren des dist Ordner in das www, und dann verknüpfen Sie es aus indext.html? Oder ist das in Ordnung? Vielen Dank für deinen Tipp! Bitte raten, wo kann ich downloaden/installieren 1.6.5 aus. Ich bin ein amateur-dev, also nicht allzu clued up 🙂
    • Schwer zu sagen. Installieren Sie die Verfahren unterscheiden sich in den Umgebungen, und ich habe noch nie verwendet Intel XDK. Auf den meisten Projekten, werde ich einfach kopieren Sie die spezifische F7-Dateien, die ich brauche, aus dem /dist Ordner in den Ort, wo die anderen js & css sind in meinem Projekt (z.B. /static/scripts und /static/styles Ordner) in der Regel, die Sie wollen, zu greifen, die .min-Versionen, anstatt die erweiterten Dateien.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.