私は Mojolicious を初めて使用し、さまざまなことが機能していますが、次の最小限のコードで再現した問題に遭遇しました。
問題は単純です。外部の CSS および JS ファイルをロードできません。驚いたことに、これらの静的ファイルをルートとして提供しようとしているかのように 404 エラーが発生します。他の誰もこの問題を抱えているようには見えないので、私は明らかにばかげたことをした (または何かを見逃した) のです。
問題のファイルは、perl ファイル (errorddemo.pl) に関連する ./css および ./js ディレクトリにあります。先頭の「/」の有無、および考えられるその他のバリエーションを試しました。
これはコードです：
#!/usr/bin/env perl
use Mojolicious::Lite;
get '/' => sub {
my $c = shift;
$c->render('index');
};
app->start;
__DATA__
@@ index.html.ep
<!DOCTYPE html>
<html>
%= stylesheet '/css/bootstrap-3.3.2-dist/css/bootstrap.css'
</head>
<body>
<p>blah
%= javascript '/js/jquery-2.1.3.js'
</body>
</html>
morbo errordemo.pl:3000を実行して参照すると、次のようになります。
[Sun Jan 25 00:24:04 2015] [debug] GET "/".
[Sun Jan 25 00:24:04 2015] [debug] Routing to a callback.
[Sun Jan 25 00:24:04 2015] [debug] Rendering template "index.html.ep" from DATA section.
[Sun Jan 25 00:24:04 2015] [debug] 200 OK (0.005127s, 195.046/s).
[Sun Jan 25 00:24:04 2015] [debug] GET "/css/bootstrap-3.3.2-dist/css/bootstrap.css".
[Sun Jan 25 00:24:04 2015] [debug] Template "not_found.development.html.ep" not found.
[Sun Jan 25 00:24:04 2015] [debug] Template "not_found.html.ep" not found.
[Sun Jan 25 00:24:04 2015] [debug] Rendering inline template "3e3201ab0667c1fc7f39089209f0435c".
[Sun Jan 25 00:24:04 2015] [debug] Rendering inline template "b2d451b47e2053ce583cbfdf7bcc6006".
[Sun Jan 25 00:24:04 2015] [debug] 404 Not Found (0.045663s, 21.900/s).
[Sun Jan 25 00:24:04 2015] [debug] GET "/js/jquery-2.1.3.js".
[Sun Jan 25 00:24:04 2015] [debug] Template "not_found.development.html.ep" not found.
[Sun Jan 25 00:24:04 2015] [debug] Template "not_found.html.ep" not found.
[Sun Jan 25 00:24:04 2015] [debug] Rendering cached inline template "3e3201ab0667c1fc7f39089209f0435c".
[Sun Jan 25 00:24:04 2015] [debug] Rendering cached inline template "b2d451b47e2053ce583cbfdf7bcc6006".
[Sun Jan 25 00:24:04 2015] [debug] 404 Not Found (0.009863s, 101.389/s).
生成される HTML は次のとおりです。
<!DOCTYPE html>
<html>
<link href="/css/bootstrap-3.3.2-dist/css/bootstrap.css" rel="stylesheet" />
</head>
<body>
<p>blah
<script src="/js/jquery-2.1.3.js"></script>
</body>