如何在 Mojolicious perl 中正确加载 Javascript 文件？

Question

我正在尝试加载 javascript 文件以使用 Vis.JS 在浏览器中呈现图形。但是它在加载文件时抛出一个错误。

重要的是要强调我的项目文件夹中有必要的 js 文件。

use Mojolicious::Lite;

get '/' => 'index';

app->start;
__DATA__

@@ index.html.ep
<!DOCTYPE html>
<html>
  <head>
    <title>Echo</title>
    %= javascript 'vis.js'
    %= javascript 'jsgraphs.js'
    %= stylesheet 'vis.css'
  </head>
  <body>
    <h2>Weighted DiGraph</h2>
    <div id="graph"></div>
    %= javascript 'index.js'
</body>
</html>

来自“http://127.0.0.1:8080/vis.js”的脚本已加载，即使它的 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型。

加载源“http://127.0.0.1:8080/vis.js”失败。来自“http://127.0.0.1:8080/jsgraphs.js”的脚本被加载，即使其 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型。

加载源“http://127.0.0.1:8080/jsgraphs.js”失败。

来自“http://127.0.0.1:8080/index.js”的脚本被加载，即使它的 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型

加载源“http://127.0.0.1:8080/index.js”失败。

Answer 1

Javascript 文件必须位于 public 文件夹中才能被浏览器看到。（同样适用于 css 或浏览器应直接获取的任何内容）

可能 mojolicious 正在发送错误 404 网页，这可能是因为 MIME 是 text/html。

如何在 Mojolicious perl 中正确加载 Javascript 文件？

How to properly load Javascript files in Mojolicious perl?

javascript

perl

mojolicious