Sinatra

Question

我完全被难住了。我正在尝试使用 Sinatra 加载一个简单的 html 视图，但控制台提供了以下错误；

我的印象是它找不到 JQuery 文件，但这是地址指向的地方。

下面是试图调用它的index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Thermostat</title>
  <script type="text/javascript" src="javascript/src/jquery.js"></script>
  <link href="style.css" type="text/css">
</head>
<body>
<section>
  <h1 id="temperature"></h1>
  <p>
    <button id="temperature-up">+</button>
    <button id="temperature-down">-</button>
    <button id="temperature-reset">reset</button>
    </br>
    <button id="powersaving">Change Power Saving Mode</button>
    power saving mode is <span id="power-saving-status">ON</span>
  </p>

    <h1>Current temperature: <span id="location-temperature"></span></h1>
    <h1>Chance of rain: <span id="chance-of-rain"></span>%</h1>
 </section>
  <section>
    <h1>Current temperature: <span id="second-temperature"></span></h1>
    <h1>Chance of rain: <span id="chance-of-rain-second-location"></span>%</h1>
    <select id="current-city">
      <option value="london">London</option>
      <option value="glasgow">Glasgow</option>
      <option value="paris">Paris</option>
      <option value="tokyo">Tokyo</option>
    </select>
  </section>
  <script type="text/javascript" src="javascript/src/interface.js"></script>
</body>
</html>

下面是 Sinatra app.rb 文件需要 'sinatra/base' 需要 'json'

class Thermostat < Sinatra::Base

  get '/' do
   File.read('index.html')
  end

  run! if app_file == [=13=]
end

下面是将使用 JQuery

的 interface.js 文件

'use strict';
$(document).ready(function(){
  console.log('Hello World');
});

我需要做什么才能让 index.html 加载 .js 文件？

TIA

Answer 1

好的，看来 Sinatra 在定位我的静态文件时遇到了问题。有人告诉我阅读 How to Include Images, CSS, and/or Javascript in Your Sinatra Web Application

解决方案是将 javascript 放入新文件夹，./public 这消除了两个控制台错误。

Sinatra - 4.0.1 无法加载 JQuery - net::ERR_ABORTED 404（未找到）

Sinatra - 4.0.1 unable to load JQuery - net::ERR_ABORTED 404 (Not Found)

ruby

jquery

http-status-code-404