用jade导入jQuery（使用node.js + express）

Question

我对玉有疑问。 我按如下方式导入，但似乎被忽略了。（当我使用Chrome检查源代码时，找不到那些资源：<）

扩展布局

head block append
  link(rel='stylesheet', href='/stylesheets/chat.css')
  script(src="/socket.io/socket.io.js")
  script(src="/javascripts/jquery-2.1.4.min.js")
  script(src="/javascripts/chat.js")

如何导入这些脚本？

谢谢！

// ===============这是我在使用Chrome浏览器的“页面源代码”功能时所得到的。

<!DOCTYPE html>
<html>
<head>
    <title>Chat Sample</title>
    <link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body>
    <h1>Chat</h1>
    <label for="userName">User name: (Hit Enter)</label>
    <input id="userName" type="text" size="30">
    <span id="feedBack"></span>
    <p> </p>
    <div id="msgWindow" class="shadow">
    </div>
    <p> </p>
    <div>
        <br>
        <table>
            <tr>
                <td>
                    <select id="users" style="width: 100px"></select>
                </td>
                <td>
                    <input id="msg" type="text" style="width: 600px" disabled="true">
                </td>
            </tr>
        </table>
    </div>
</body>
</html>

但是，css文件也不适用于该页面。 当我使用类似http://localhost:3000/javascripts/jquery-2.1.4.min.js url时，我可以获得文件的全部内容。

我已经更改了jQuery版本//

// ===========编辑

跟随是错误。 我不明白为什么head出乎意料//

Warning: Unexpected block "head"  on line 3 of /Users/juneyoungoh/Documents/Nodejs/ChatSample/views/chat.jade. This block is never used. This warning will be an error in v2.0.0

仅供参考，这是layout.jade

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

Answer 1

从不附加任何块，但是jade-lang.com提到以下语法：

extends layout

block append head
  link(rel='stylesheet', href='/stylesheets/chat.css')
  script(src="/socket.io/socket.io.js")
  script(src="/javascripts/jquery/jquery-1.7.2.min.js")
  script(src="/javascripts/chat.js")

http://jade-lang.com/reference/inheritance/

Answer 2

我从Jannik的评论中得到了提示。 可能是版本问题。 最后，我编辑了layout.jade 。

从

doctype html
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

至

doctype html
html
  block head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

我添加了block关键字。

仅供参考，我正在使用

npm版本2.12.1
节点版本0.10.23
表达3.4.7版

和package.json像

{
  "name": "application-name",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node app.js"
  },
  "dependencies": {
    "express": "3.4.7",
    "jade": "*"
  }
}

谢谢你的帮助！ ：d

用jade导入jQuery（使用node.js + express）

问题描述

2 个解决方案

解决方案1
0 已采纳 2015-12-16 05:07:56

解决方案2
0 2015-12-16 05:41:10

用jade导入jQuery（使用node.js + express）

问题描述

2 个解决方案

解决方案1 0 已采纳 2015-12-16 05:07:56

解决方案2 0 2015-12-16 05:41:10

解决方案1
0 已采纳 2015-12-16 05:07:56

解决方案2
0 2015-12-16 05:41:10