Question

在Android设备上，我在加载onsenui页面时遇到此错误。这与http://onsenui.io javascript库有关。

您不能在“ons-navigator”中提供“ons-page”元素。

Answer 1

由于Vu Nguyen的答案有些正确，但它并没有真正解释可能发生这种情况的其他情况，我会在此分享我的解决方案。对我来说，当我从1.1.4升级到Onsen UI 1.3.0并且我收到此错误的点发生在navigator.pushPage('page1.html')上时， page1.html 看起来像这样：

<ons-template id="page1.html">
  <ons-sliding-menu
        menu-page="menu.html"
        main-page="browse.html"
        side="left">
  </ons-sliding-menu>
</ons-template>

现在Onsen UI无法找到 ons-page ，因为某些原因以前不需要它。因此，解决方案是将 ons-sliding-menu 包装在 ons-page 中，如下所示

<ons-template id="page1.html">
  <ons-page>
    <ons-sliding-menu
        menu-page="menu.html"
        main-page="browse.html"
        side="left">
    </ons-sliding-menu>
  </ons-page>
</ons-template>

Answer 2

如果没有ons-page，ons-navigator无法导航到：）

如果您没有使用内联页面，请确保它加载页面：

<body ng-app ng-controller="MyCtrl">
    <ons-navigator var="myNavigator" page="mainPage.html">
    </ons-navigator>
</body>
</html>

你不能提供没有＆＃34; ons-page＆＃34;元素到＆＃34; ons-navigator＆＃34;

2 个答案: