Как мне получить свойства CSS в application.css для применения к страницам моего приложения Rails? ⇐ CSS

[Anonymous]

Это одна из тех проблем, когда мне не хватает либо точки с запятой, либо всей сути.
Я создаю приложение Rails в версии 7.1.3.2.
И я не могу применить свойства CSS к моему представлению.
Я создал приложение с помощью

Код: Выделить всё

% rails new --database=postgresql --name=myapp

Мой файл ./app/assets/stylesheets/application.css:

Код: Выделить всё

(comments snipped)
= require_tree .
= require_self
body {background-color: teal;}

Мой ./app/views/layouts/application.html.erb:

Код: Выделить всё

  MyApp









 The time is 

Если я перейду на localhost:3000/assets/application.css?body=1, я увижу

Код: Выделить всё

(comments snipped)
= require_tree .
= require_self
body {background-color: teal;}

(это несколько странно, поскольку файл application.css находится в /assets/stylesheets, а не в /assets ; но изменения в файле отображаются немедленно.)
Если я зайду на localhost:3000 и посмотрю исходный код, я увижу

Код: Выделить всё

MyApp




[*]
{
"imports": {
"application": "/assets/application-37f365cbecf1fa2810a8303f4b6571676fa1f9c56c248528bc14ddb857531b95.js",
"@hotwired/turbo-rails": "/assets/turbo.min-918a6cf2f2be8ed9555c9a11eee69c7dc2f01770802815576efc931876b327fb.js",
"@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js",
"@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js",
"controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
"controllers/hello_controller": "/assets/controllers/hello_controller-549135e8e7c683a538c3d6d517339ba470fcfb79d62f738a0a089ba41851a554.js",
"controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js"
}
}








import "application"




  The time is 

2024-05-05 14:56:48 +0100

• это говорит мне о том, что CSS был включен в страницу, верно?

И я вижу файл application.css (с переименованием отпечатка пальца) под ресурсами в веб-инспекторе

• Но! Мой фон не бирюзовый.

(во избежание сомнений, у меня не будет бирюзового фона - просто тестирую некоторые видимые свойства CSS. : -) )
Я где-то что-то пропустил? Я думаю, что использую Sprocket, и драгоценный камень находится в моем Gemfile. В папке с таблицами стилей у меня было несколько файлов CSS, которые, похоже, были выбраны, но не применены, поэтому я упростил ситуацию.

Подробнее здесь: https://stackoverflow.com/questions/784 ... in-my-rail