【问题标题】:express generator, local jquery not working快递生成器,本地 jquery 不工作
【发布时间】:2018-06-03 12:22:32
【问题描述】:

我正在尝试学习 express 和 express 生成器,但遇到了一些我怀疑的基本问题。我无法从本地目录提供 jquery。

我遵循的步骤

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

    >mkdir 帮助

    >cd 帮助

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

    help>express --view=hbs 应用

    帮助>cd 应用程序

    应用程序>初始化安装

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

任何帮助将不胜感激。

【问题讨论】:

    标签: jquery express handlebars.js express-generator


    【解决方案1】:

    我的愚蠢错误。线

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

    应该是

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

    【讨论】:

      猜你喜欢
      • 2018-08-10
      • 1970-01-01
      • 2014-08-24
      • 1970-01-01
      • 2016-11-05
      • 2017-09-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多