Framework7 .addView不是一个函数

Posted 2021-04-18

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

未捕获的TypeError：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
    });

有谁知道造成这种情况的原因以及我如何纠正它？此外，有没有人有一个Framework7内联页面应用程序的工作模板/代码示例，我可以使用，因为我的显然无法正常工作。

干杯

答案

只需使用1.6.5版链接！ https://github.com/framework7io/framework7/releases/tag/v1.6.5

我认为超过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/

另一答案

尝试将CS​​S class view-main放在你的div上，如下所示：

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

另一答案

我在最新更新之前曾经工作的F7应用程序遇到了同样的问题。事实证明我无意中安装了一个不完整（或至少在实质上不同）的测试版我安装了1.6.5并且问题消失了。