Невозможно связать мой файл CSS в моем проекте Node.js (Express-Handlebars)
У меня возникла проблема со связыванием моего файла style.css с моим layout.hbs в моем проекте Node.js (Express Framework).
Дерево моей папки:
>APP1
>routes
- index.js
- users.js
>views
>layouts
-layout.hbs
-error.hbs
-index.hbs
-test.hbs
>public
>images
>javascripts
>stylesheets
style.css
Мой файл app.js:
Мой файл layout.hbs:
И когда я перемещаю инструменты разработчика к источникам, я вижу это странное поведение с элементом ссылки.
(style.css находится внутри общедоступной папки, и, как вы можете видеть вне папки с таблицами стилей, и это намеренно.) Я действительно не понимаю, в чем проблема, и в качестве замечания я уже попробовал следующее решение... I Буду очень признателен, если вы поможете мне с этой проблемой, чтобы я мог продолжить процесс обучения.
Ссылка 1: Невозможно получить доступ к таблице стилей с помощью руля
Ссылка 2: https://www.freecodecamp.org/forum/t/loading-css-file-on-front-end-solved/25550/3
Ссылка 3: Node.js Express Framework: невозможно получить файл CSS