Javascript 为什么包含这个js会影响jade布局中的嵌套div？

我正在使用jade为node.js创建一个html页面。它可以按我所希望的方式工作，但如果我取消注释第五行（带有javascript源位置），则sphere div不再嵌套在内容包装器中，而是与它处于同一级别

为什么会这样？这真让我困惑。是的，你是对的——我真的不知道我在做什么

extends layout
block content
    div(id="contentwrapper", resize="true", keepalive="true" )      
        div(id="sphere")
            //script(src='/javascripts/draw.js')
        div(id="demo")
            |jQuery is not present. You must install jQuery in this folder for   the demo to work.
        form(action="")
            div(class="form-item",id="color",name="color",value="#123456")
            label(for="color")
            div(id="picker")

---

缩进错误了吗？为什么要将脚本文件直接添加到HTML结构中？最好在页面底部添加此选项。我觉得你的压痕很好。您还可以使用#sphere而不是div（id=“sphere”）来渲染具有id的div。