0

我正在尝试学习 express 和 express 生成器,但被我怀疑的一些基本知识所困。我无法从本地目录提供 jquery。

我遵循的步骤

  1. 创建一个名为 help 的目录

    >mkdir 帮助

    >cd 帮助

  2. 在帮助目录中创建一个快速服务器并使用命令安装它的依赖项

    帮助>表达 --view=hbs 应用程序

    帮助>cd 应用程序

    应用程序>初始化安装

    应用程序>光盘..

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 似乎没有加载。在过去的一个小时里,我一直在绕圈跑。这个快速生成器看起来真的很酷,并且可以非常快速地创建服务器的骨架,所以想弄清楚我做错了什么。

任何帮助,将不胜感激。

4

1 回答 1

0

我的愚蠢错误。线

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

本来应该

<script src="/javascripts/jquery-3.2.1.min.js"> </script>
于 2017-12-20T22:20:26.247 回答