用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