Javascript 库仅当放置在与模板相同的目录中时才能与 Meteor.js 一起使用

Question

我是 Meteor.js 的新手，正在尝试使用 Javascript 库 HighCharts，而不从 Atmosphere 中提取。我从 client/views/main.js 中的模板助手调用此 Javascript 库，以显示在 client/views/main.html 中。

当我将所有库的文件放入 client/compatibility/highcharts 时，我在浏览器 Javascript 控制台中收到一长串错误。

当我将所有文件放入 packages/highcharts 中时，我收到一个客户端控制台错误 Uncaught TypeError: Object [object Object] has no method 'highcharts'

但是，只有当我仅将 highcharts.js 移动到 client/views 时，它才能正常工作。

这是使用下载的 Javascript 库的正确方法吗？库的 .js 文件之一必须与模板文件位于同一目录中，这似乎很奇怪。

Answer 1

• packages 中唯一的东西就是......packages。只有使用打包API专门构建的JS才能放在那里。

• client/compatibility 用于以传统方式构建脚本。它们没有被包裹在一个作用域(我想是 IIFE)中，使它们成为全局的，就像普通脚本一样。但是，它们是在其他客户端脚本之前加载的。如果这是一个 jQuery 插件，但您使用 Meteor 的 jQuery，则您可能会在库之前加载插件。这将导致错误。

通常的方法是使用插件的 Meteor 打包版本，在本例中为 packaged Highcharts 。否则，您只需将库和包作为 meteor 包即可。其实没那么难。

如果您想知道在哪里放置什么，可以查看 unofficial FAQ这涵盖了这一点。