javascript - 关闭 - 库未正确加载

Question

我的开发环境中有一个运行良好的 Closure 环境。但是，在新的文件夹和文件中，它不起作用。

例如，拿这个测试脚本:

goog.require('goog.dom');
console.log(goog);
console.log(goog.dom);
goog.dom.getElement('logout').innerHTML = "Heck";

就是这样，加上 HTML 中的 base.js。

第一个 console.log 显示了一个包含所有正确内容的对象。所有文件也都加载到 DOM 中。

然而，第二个控制台日志显示 undefined 因此最后一行不起作用(很明显)。 Chrome 控制台错误是 Uncaught TypeError: Cannot call method 'getElement' of undefined。

这到底是怎么回事？如果我尝试 XhrIo 也是一样的。它没有在 goog 对象上找到方法。

谢谢。

Answer 1

Documentation:

Note: Do not put your goog.require() statements in the same script tag as the entry point to code that uses the goog.required functions or classes. A goog.require() call adds code to the document after the script tag containing the call.

所以

<script>
    goog.require('goog.dom');
    console.log(goog.dom);
</script>

打印未定义。但是

<script>
    goog.require('goog.dom');
</script>
<script>
    console.log(goog.dom);
</script>

或

<script>
    goog.require('goog.dom');
    addEventListener('load', function() {
        console.log(goog.dom);
    });
</script>

打印一个对象。

仅供引用，还有其他可能的工作流程。例如，closurebuilder.py 脚本可以帮助提前加载所有需要的文件。