Невозможно связать мой файл 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:

app.js

Мой файл layout.hbs:

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

0 ответов

Другие вопросы по тегам