Javascript 需要使用Meteor.js加载Dat GUI的帮助吗

我正在尝试加载Dat GUI： 我的流星计划。我在client/lib文件夹中添加了datgui源代码。 这是我的密码：

Template.EditorControllbar.rendered = function () {
    var controllBar = document.getElementById('controllbar'),
        gui, folder, controller;

    // Create GUI
    gui = new dat.GUI({autoPlace:false});
    controllBar.appendChild(gui.domElement);

    // Create folders
    var renderFolder = gui.addFolder('Render'),
    meshFolder = gui.addFolder('Mesh'),
    lightFolder = gui.addFolder('Light'),
    exportFolder = gui.addFolder('Export');

};

运行服务器时，出现以下错误：

Exception from Deps afterFlush function function: ReferenceError: dat is not defined
    at Object.Template.EditorControllbar.rendered (http://localhost:3000/client/views/toons/toon_edit/editor_controllbar/editor_controllbar.js?5613eb3f7dfe2c5aed33925dfe2970dcc11a04b4:33:15)
    at http://localhost:3000/packages/ui.js?9419ac08328918a04e7a49464a988d45f851e1b0:439:23
    at _assign.flush (http://localhost:3000/packages/deps.js?4a82362ae66e863a1c1a8b0a5fec6f665e2038d1:348:13) debug.js:4

但同样的代码也适用于codepen：

有人知道如何用Meteor加载Dat GUI吗。 我们将非常感谢您的帮助

提前感谢,，

---

Praney

您在

client/lib

中添加了文件吗？Meteor将把所有js文件包装在一个函数中，因此js文件中的变量在其他文件中不可见，因此如果以这种方式添加文件，则不能使用

dat

变量。相反，您需要将文件添加到

client/compatibility

文件夹中。此文件夹中的js文件不会包装在函数中，因此var变量将是一个全局变量，您可以在其他文件中使用它

真不敢相信我忘了，我想我需要睡一觉。谢谢，伙计：）