Onsen-UI 无法在 Meteor 中加载 <ons> 标签

Question

我正在尝试将 Onsen UI (http://onsen.io/pattern-list_avatars.html) 的头像模式移动到 Meteor 应用程序中，但标签未加载。 Firebug 来自 Onsen 的记录消息：

Onsen UI require jqLite. Load jQuery after loading AngularJS to fix this error. jQuery may break Onsen UI behavior.

即使我安装了 jquery 包，也会出现此消息，为了消除它，我必须将 jquery 库包含到 client/lib 文件夹中（不知道这是否正确).

我还在我的项目中添加了 urigo:angular 包，因为 Onsen 需要 Angular 但这并没有起到作用。现在我在日志中得到的唯一消息是

WARNING: Tried to load angular more than once.

取自温泉密码：

if (window.angular.bootstrap) {
//AngularJS is already loaded, so we can return here...
console.log('WARNING: Tried to load angular more than once.');
return;
}

样式未应用于元素，它们看起来如下：

我该如何解决这个问题？

Answer 1

Onsen .js 文件需要以正确的顺序与 jQuery 文件和 Angular 文件一起加载。为了在 Meteor 中实现这一点，我将这些文件加载到 client/lib 文件夹中，如下所示：

root
  |- client
    |- lib
     - onsen.js
      |- jQuery
       - jquery.min.js
        |- Angular
         - angular.min.js

以这种方式加载解决了问题，因为 meteor 从文件夹树中最深的节点开始加载文件，在本例中为 /Angular 文件夹。

Answer 2

也许更好的解决方案是创建一个温泉流星包并依赖于 Jquery 和 Angular 流星包。

Onsen-UI 无法在 Meteor 中加载 <ons> 标签

Onsen-UI cannot load <ons> tags in Meteor

angularjs

meteor

onsen-ui