表达生成器,本地jquery不工作

时间:2017-12-20 21:22:55

标签: jquery express handlebars.js express-generator

我正在尝试学习快递和快速发电机,并且遇到了我怀疑的基本问题。我无法从本地目录中提供jquery。

我遵循的步骤

  1. 创建一个名为help

    的目录

    > mkdir帮助

    > cd help

  2. 在帮助目录中创建一个快速服务器,并使用命令

    安装它的依赖项

    help> express --view = hbs app

    帮助> cd app

    app> init install

    应用> cd ..

  3. 3)使用命令

    在帮助目录中创建默认的package.json
    help>npm init
    

    4)创建一个包含

    的2行index.js文件
    const app = require("./app/app")
    
    app.listen(3000, () => console.log('Example app listening on port 3000!'))
    

    5)将jquery下载到文件夹

    help/app/public/javascripts/jquery-3.2.1.min.js
    

    6)将jquery添加到help \ app \ views \ layout.hbs

    <!DOCTYPE html>
    <html>
      <head>
        <title>{{title}}</title>
        <script> src="/javascripts/jquery-3.2.1.min.js" </script>
        <link rel='stylesheet' href='/stylesheets/style.css' />
      </head>
      <body>
        {{{body}}}
      </body>
    </html>
    

    7)在help \ app \ views \ index.hbs中添加一个警告,看看jquery是否正确加载

    <h1>{{title}}</h1>
    <p>Welcome to {{title}}</p>
    <script>
        $(()=> alert("hi"))
    </script>
    

    8)这会导致错误

    (index):12 Uncaught ReferenceError: $ is not defined
    

    所以jquery似乎没有加载。我在最后一小时一直在圈子里跑。 这个快速生成器显得非常酷,并且可以非常快速地创建服务器的骨架,所以想知道我做错了什么。

    任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

我这个愚蠢的错误。这条线

<script> src="/javascripts/jquery-3.2.1.min.js" </script>

应该是

<script src="/javascripts/jquery-3.2.1.min.js"> </script>