在pug模板中包括jquery

Question

我正在尝试包括jquery库，以公开它的一些功能。我遵循教程，看例子，我得到一个奇怪的错误，这清楚地表明我没有正确加载模块。

错误：

10|             script(src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous")
    11|             script
  > 12|                 $(document).ready(function(){
------------------------^
    13|                 $("button").click(function(){
    14|                     $("p").hide();
    15|                 });

unexpected text "$(doc"

现在，我想我可以简单地导入带有经典脚本标记的脚本，但是它不起作用。这是我的基本模板头。

doctype html
html
    head  
        block head  
            meta(charset=utf-8)
            meta(viewport='viewport' content='width=device-width, initial-scale=1.0')
            link(rel='stylesheet', href='/css/style.css')
            link(rel='stylesheet', href='/css/testTables.css')
            link(rel='stylesheet', href='/css/tableStyles.css')
            script(src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous")
            script
                $(document).ready(function(){
                $("button").click(function(){
                    $("p").hide();
                });
                });

现在，为了澄清，这是存储在我的视图文件夹中的根目录我的项目。我正在使用nodeJS和express。我还将jquery包作为依赖项。我的项目也是从根/公用文件夹服务，如这里所定义的。

//all the static assets are being served from public
app.use(express.static(path.join(__dirname,'public')));

如果有人能帮我一把，那就太好了。谢谢!

Answer 1

当标记中有一个文本块时，您可以在脚本声明之后添加一个.点。

script.
    $(document).ready(function(){
    $("button").click(function(){
        $("p").hide();
    });
    });

帕格文档这里很好地解释了这一点。