【问题标题】:Framework7 .addView is not a functionFramework7 .addView 不是函数
【发布时间】:2018-03-28 22:00:36
【问题描述】:

我正在尝试使用 Framework7 作为我的 UI 创建一个 Cordova 应用程序。我正在尝试使用内联页面作为布局架构,但在设置我的项目时,我在控制台中收到以下错误:

未捕获的类型错误:myApp.addView 不是函数

这是对配置的反应:

    // 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
    });

有谁知道是什么原因造成的,我该如何纠正?另外,有没有人有一个框架7内联页面应用程序的工作模板/代码示例,我可以使用它,因为我的显然不工作。

干杯

【问题讨论】:

  • 我在 F7 应用程序上遇到了同样的问题,该应用程序在最新更新之前可以正常工作。

标签: javascript cordova user-interface frameworks


【解决方案1】:

只使用 1.6.5 版本 链接在这里! https://github.com/framework7io/framework7/releases/tag/v1.6.5

我认为超过 2 的版本很奇怪且未更新指南

【讨论】:

    【解决方案2】:

    第二个答案,更多知识。 F7 文档似乎已过时,但现已更新。为了克服错误,请更改以下内容:

    旧:app.addView(el,{...}) 新:app.views.add(el,{...})

    其他一些变化:

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

    当然还有更多。检查您的控制台是否有错误并使用文档进行更新以供参考:http://framework7.io/docs/

    【讨论】:

    • 现在好像改成了 app.views.create
    【解决方案3】:

    尝试像这样将 CSS 类 view-main 放在你的 div 上:

    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
    

    【讨论】:

    • 我已经有了。这就是为什么这该死的令人困惑! :(
    【解决方案4】:

    我在 F7 应用程序上遇到了同样的问题,该应用程序在最新更新之前可以正常工作。原来我无意中安装了一个不完整的测试版(或至少有实质性的不同)我安装了 1.6.5,问题就消失了。

    【讨论】:

    • 我正在为我的应用程序开发使用 Intel XDK,你能告诉我如何安装它,而不是仅仅将 dist 文件夹复制到 www,然后从 indext.html 链接到它吗?或者这样好吗?非常感谢您的提示!请告知我可以从哪里下载/安装 1.6.5。我是一个业余开发者,所以不太了解:)
    • 很难说。安装过程因环境而异,我从未使用过 Intel XDK。在大多数项目中,我只需将我需要的特定 F7 文件从 /dist 文件夹复制到我的项目中其他 js 和 css 所在的位置(例如,/static/scripts 和 /static/styles 文件夹)通常,你想要获取 .min 版本而不是扩展文件。
    猜你喜欢
    • 2017-04-09
    • 2011-05-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-14
    • 1970-01-01
    相关资源
    最近更新 更多