Downloading files using goog.require in a script block is not performed

Question

When used goog.requireinside a tag <script>to load a script, the specified files are not loaded. For example:

<script>
goog.require('goog.dom');
var mydiv = goog.dom.$('foo');
</script>

gives:

goog.dom is undefined

What is wrong with this use?

Answer 1

The problem is that it goog.requiredynamically adds the required script tags to the document after the current script tag. So for example:

<script>
goog.require('stuff');

doSomething();
</script>

Translated to:

<script>
goog.require('stuff');

doSomething();
</script>
<script src=[included stuff] type="text/javascript"></script>

The solution must have a separate script tag for requirements:

<script>
goog.require('stuff');
</script>

<script>
doSomething();
</script>