Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript不在jade中呈现_Javascript_Node.js_Pug - Fatal编程技术网

Javascript不在jade中呈现

Javascript不在jade中呈现,javascript,node.js,pug,Javascript,Node.js,Pug,我无法从jade内部调用我的script.js文件,尽管javascript在内联插入时呈现得非常好。这是我第一次尝试,因此js文件只是一个警报: alert("javascript works"); 我倾向于认为我对剧本的称呼不恰当。当前layout.jade看起来像: doctype 5 html head title= "LeafPress - Hot off the Presses" link(rel='stylesheet', href='/stylesheets

我无法从jade内部调用我的script.js文件,尽管javascript在内联插入时呈现得非常好。这是我第一次尝试,因此js文件只是一个警报:

alert("javascript works");
我倾向于认为我对剧本的称呼不恰当。当前layout.jade看起来像:

doctype 5
html
  head
    title= "LeafPress - Hot off the Presses"
    link(rel='stylesheet', href='/stylesheets/style.css')
  block scripts
    script(type='text/javascript', src='/javascripts/script.js')
  body
    block content
我尝试了许多脚本路径的排列(../public/javascripts/script.js;/public/javascripts/script.js;public/javascripts/script.js;javascripts/script.js;script.js),以及尝试将脚本直接放在根目录和“视图”目录中

app.js:

/**
 * Module dependencies.
 */

var express = require('express')
  , routes = require('./routes/index')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.set('view engine', 'jade');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.cookieParser('your secret here'));
  app.use(express.session());
  app.use(app.router);
  app.use(require('stylus').middleware(__dirname + '/public'));
  app.use(express.static(path.join(__dirname, 'public')));
});

app.configure('development', function(){
  app.use(express.errorHandler());
});

app.get('/', routes.index);
app.get('/permalink', routes.permalink);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});
index.js:

/*
 * GET home page.
 */

exports.index = function(req, res){
  res.render('index', { title: 'Express' });
};

exports.permalink = function(req, res) {
  res.render('permalink', { title: 'Comments page' });
};
我的相关文件层次结构如下所示:

- public
  - javascripts
    - script.js
- views
  - index.jade
  - layout.jade
- routes
  - index.js

app.js

这似乎是相关的,但没有解决问题:

尝试完全删除这一行
app.use(app.router)。手动更改express中间件堆栈中路由器的位置通常会产生不希望出现的行为。不要这样做,除非你真的确定你确切地知道你为什么要这样做,以及你预期会发生什么。express记录器对于臭名昭著的
的输出无法获得/javascripts/script.js
,这将直接指向中间件/路由错误配置


我猜您的降价语法是您的问题刚刚解决,但请确保
script.js
文件位于
javascripts
目录中,而不是它的兄弟目录。

呈现的HTML中的脚本标记是什么样子的?您的web检查器的“网络”选项卡上说了什么?是否正在请求脚本?如果是这样的话,您的节点服务器的响应是什么?谢谢,这样一切都正常工作了。修复了层次结构语法。