Question

我对玉有疑问。我导入了类似关注，但似乎被忽略了。（当我使用Chrome检查源代码时，无法找到这些资源：＆lt;）

扩展布局

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等网址时，我可以获得文件的完整内容。

我更改了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 ver.2.12.1
node ver.0.10.23
表达ver.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 个答案: