Javascript不在jade中呈现
我无法从jade内部调用我的script.js文件,尽管javascript在内联插入时呈现得非常好。这是我第一次尝试,因此js文件只是一个警报: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
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检查器的“网络”选项卡上说了什么?是否正在请求脚本?如果是这样的话,您的节点服务器的响应是什么?谢谢,这样一切都正常工作了。修复了层次结构语法。