2017-10-17 262 views
1

我想创建一个使用Framework7作为我的UI的科尔多瓦应用程序。我试图使用内联网页的布局架构,但在建立我的项目,我收到在控制台以下错误:Framework7 .addView不是函数

遗漏的类型错误: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内联页面应用程序的工作模板/代码示例显然不起作用。

干杯

+0

我在最近更新之前的F7应用程序上遇到同样的问题。 – byron

回答

0

尝试放CSS类视图,主要在你的DIV像这样:

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

我已经有了。这就是为什么这是如此混乱! :( – delanick

0

我在上使用了最新的更新之前工作的F7应用了同样的问题。结果我无意中安装了一个测试版本,该版本不完整(或至少实质上不同),我安装了1.6.5,问题就消失了。

+0

我使用英特尔XDK为我的应用程序开发,你能告诉我如何安装它,而不是只是将dist文件夹复制到www,然后从indext.html链接到它吗?或者那很好? 非常感谢您的提示!请告知我可以从哪里下载/安装1.6.5。我是一名业余开发人员,所以不要太了解:) – delanick

+0

很难说。安装过程在不同的环境下有所不同,我从未使用过英特尔XDK。在大多数项目中,我只是将我需要的特定F7文件从/ dist文件夹复制到其他js和css在我的项目中的位置(例如,/ static/scripts和/ static/styles文件夹)通常,您想要抓取.min版本而不是扩展文件。 – byron

1

第二个答案,更多的知识。看来F7文档已经过时了,但现在已经更新了。为了让过去的错误,更改以下:

OLD:app.addView(el,{...})新:

  • OLD:已更改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/