「TypeError：undefined不是函數」當需要jQuery-ui在node.js中使用Express

Question

我試圖設置一個小型的node.js webserver，它將使用jQuery和jQuery-ui。我使用Express來設置一個小項目，然後使用npm <package-name> install --save安裝我需要的所有軟件包。請記住，我是JavaScript新手，所以我可能會做一些愚蠢的事情，但我找不到任何人有相同的問題（只是相關）。

Express已成立項目是這樣的：

$ ls 
app.js bin node_modules npm-debug.log package.json public routes views 

文件夾node_modules現在包含：

$ ls node_modules 
body-parser cookie-parser debug express jade jquery jquery-ui morgan serve-favicon 

我app.js文件是成立了由Express只是我現在還包括jQuery和jQuery-ui ，像這樣：

運行node bin/www現在顯示錯誤

/home/oystein/QAWebApp3/node_modules/jquery-ui/jquery-ui.js:15 
$.extend($.ui, { 
^
TypeError: undefined is not a function 
    at /home/oystein/QAWebApp3/node_modules/jquery-ui/jquery-ui.js:15:3 
    at Object.<anonymous> (/home/oystein/QAWebApp3/node_modules/jquery-ui/jquery-ui.js:316:3) 
    at Module._compile (module.js:460:26) 
    at Object.Module._extensions..js (module.js:478:10) 
    at Module.load (module.js:355:32) 
    at Function.Module._load (module.js:310:12) 
    at Module.require (module.js:365:17) 
    at require (module.js:384:17) 
    at Object.<anonymous> (/home/oystein/QAWebApp3/app.js:8:16) 
    at Module._compile (module.js:460:26) 

這個錯誤似乎從文件jQuery的ui.js發起，它看起來像這樣：

var jQuery = require('jquery'); 

/*! jQuery UI - v1.10.3 - 2013-05-03 
* http://jqueryui.com 
* Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.draggable.js, jquery.ui.droppable.js, jquery.ui.resizable.js, jquery.ui.selectable.js, jquery.ui.sortable.js, jquery.ui.effect.js, jquery.ui.accordion.js, jquery.ui.autocomplete.js, jquery.ui.button.js, jquery.ui.datepicker.js, jquery.ui.dialog.js, jquery.ui.effect-blind.js, jquery.ui.effect-bounce.js, jquery.ui.effect-clip.js, jquery.ui.effect-drop.js, jquery.ui.effect-explode.js, jquery.ui.effect-fade.js, jquery.ui.effect-fold.js, jquery.ui.effect-highlight.js, jquery.ui.effect-pulsate.js, jquery.ui.effect-scale.js, jquery.ui.effect-shake.js, jquery.ui.effect-slide.js, jquery.ui.effect-transfer.js, jquery.ui.menu.js, jquery.ui.position.js, jquery.ui.progressbar.js, jquery.ui.slider.js, jquery.ui.spinner.js, jquery.ui.tabs.js, jquery.ui.tooltip.js 
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */ 
(function($, undefined) { 

var uuid = 0, 
    runiqueId = /^ui-id-\d+$/; 

// $.ui might exist from components with no dependencies, e.g., $.ui.position 
$.ui = $.ui || {}; 

$.extend($.ui, { 
    version: "1.10.3", 

    keyCode: { 
     BACKSPACE: 8, 
     COMMA: 188, 
     DELETE: 46, 
     DOWN: 40, 
// Lots of other defines... 
})(jQuery); // End of block on line 316 

我的猜測是一些包含問題。該錯誤在第15行，$.extend($.ui, {開始，但該消息告訴我看看行(function($, undefined) {。解決這個問題的最好方法是什麼？

哦，package.json看起來是這樣的：

{ 
    "name": "QAWebApp3", 
    "version": "0.0.0", 
    "private": true, 
    "scripts": { 
    "start": "node ./bin/www" 
    }, 
    "dependencies": { 
    "body-parser": "^1.12.3", 
    "cookie-parser": "^1.3.4", 
    "debug": "^2.1.3", 
    "express": "^4.12.3", 
    "jade": "^1.9.2", 
    "jquery": "^2.1.3", 
    "jquery-ui": "^1.10.5", 
    "morgan": "^1.5.2", 
    "serve-favicon": "^2.2.0" 
    } 
} 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.