在 Meteor 中添加公共 JS

Question

我在meteor中添加了新的公共javascript并加载了喜欢这个

if (Meteor.isClient) {
    Template.hello.created = function() {
        $('head').append('<script type="text/javascript" src="/js/Chart.min.js">');
    };

}

但我在浏览器控制台中收到此错误

Uncaught SyntaxError: Unexpected token < jquery.js?dd8bac56f8fd3666d433d2285ae01e52597cc51a:372 (anonymous function)

有什么想法吗？

Answer 1

我通常依靠 jQuery 的 $.getScript 函数在我的 Meteor 应用程序中异步加载其他 JS 文件，使用 ReactiveVar（不要忘记 meteor add reactive-var）来跟踪脚本的可用性：

HTML

<template name="parent">
  {{#if chartLoaded}}
    {{> child}}
  {{/if}}
</template>

<template name="child"}}
  {{! here we can assume the script is loaded}}
</template>

JS

Template.parent.created = function() {
  this.chartLoaded=new ReactiveVar(false);
  var template=this;
  $.getScript("/js/Chart.min.js",function(){
    template.chartLoaded.set(true);
  });
};

Template.parent.helpers({
  chartLoaded:function(){
    return Template.instance().chartLoaded.get();
  }
});

Template.child.rendered=function(){
  // safely use Chart.min.js functionality
};

这种模式只允许在渲染给定的父模板（例如管理内容）时异步加载某些脚本，并且只在脚本加载完成时渲染相应的子模板。