4

インラインで挿入するとjavascriptは完全に正常にレンダリングされますが、jade内からscript.jsファイルを呼び出すことができません。これは私の最初の試みなので、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

これは関連しているように見えましたが、問題は修正されませんでした：静的javascriptがjadeでレンダリングされない（express / node.jsを使用）

4

1 に答える 1

2

この行を完全に削除してみてくださいapp.use(app.router);。エクスプレスミドルウェアスタック内のルーターの場所を手動で変更すると、通常、望ましくない動作が発生します。なぜそれをしているのか、そして何が起こると期待しているのかを正確に理解していることが本当に確実でない限り、それをしないでください。cannot GET /javascripts/script.jsミドルウェア/ルーティングの設定ミスを直接指摘する、悪名高いエクスプレスロガーの出力。

あなたのマークダウン構文はあなたの質問がちょうどつぶされていると思いますが、script.jsファイルがそのjavascripts兄弟ではなく、ディレクトリ内にあることを確認してください。

于 2012-12-07T05:33:37.443 に答える