我正在尝试学习 express 和 express 生成器,但被我怀疑的一些基本知识所困。我无法从本地目录提供 jquery。
我遵循的步骤
创建一个名为 help 的目录
>mkdir 帮助
>cd 帮助
在帮助目录中创建一个快速服务器并使用命令安装它的依赖项
帮助>表达 --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 似乎没有加载。在过去的一个小时里,我一直在绕圈跑。这个快速生成器看起来真的很酷,并且可以非常快速地创建服务器的骨架,所以想弄清楚我做错了什么。
任何帮助,将不胜感激。