如何将第三方JavaScript库添加到Meteor应用程序？

Question

我想在jquery.center.jsMeteor应用程序中添加一个JavaScript前端插件.

如果我把它放在我的app/目录中并刷新页面,我会收到此错误:

你的应用程序崩溃了.这是最新的日志.

node.js:201
throw e; // process.nextTick错误,或第一次勾选时出现'error'事件
^
ReferenceError:jQuery未定义
在app/jquery.center.js:43:1
atUsers/crapthings/Desktop /app/ .meteor/local/build /server/server.js:111:21
在Function的Array.forEach(native)
.(
/Users/crapthings/Desktop/app/.meteor/local/build/server/underscore.js:76:11)/Users/crapthings/Desktop/app/.meteor/local/build/server/server.js: 97:7
退出代码:1
您的应用程序崩溃了.等待文件更改.

Answer 1

您正在将jquery插件javascript文件直接放在app文件夹中,以便为客户端和服务器加载javascript文件.

根据Meteor文档:
客户端从以下项目加载javascript:project/public和project/client
Server从以下项目加载javascript:project/public和project/server文件夹.

从v1.0开始,Meteor在客户端内部使用jQuery,因此您可以直接使用您的库而无需添加jQuery.但是,建议您明确地向您的Meteor项目添加jQuery:

流星添加jquery

Meteor文档深入解释了如何加载JavaScript文件以及静态资产应该去哪里(CSS,图像).

另请参阅如何为Meteor重新打包现有库.

Answer 2

将它放在client文件夹中,使其仅加载到客户端,不需要服务器上的jQuery.

Answer 3

在MeterorJS 1.3.x中执行此操作的一种方法

在public\js\目录中添加JS文件

使用client/main.js中的$ .getScript从Meteor.startup方法加载它如果要控制脚本加载顺序,请为每个js文件控制多个$ .getScript.

Meteor.startup(function(){
    $.getScript('js/fhir-client.js', function(){
        // script should be loaded and do something with it. 

    });
});