Стиль Css не применяется к конкретному случаю c с EXPRESS и EJS - PullRequest
0 голосов
/ 03 августа 2020

Я использую express с e js в качестве языка шаблонов. Я столкнулся с проблемой, связанной с применением свойств css, которые я определил в отдельном каталоге. Я определил несколько маршрутов с помощью функции app.get (), однако в конкретном маршруте c мои css свойства не применяются. Я понятия не имею, что на самом деле происходит. если я попытаюсь выполнить поиск в инструменте проверки chrome. в разделе консоли никаких ошибок и даже предупреждений нет. и если я загляну под вкладку сети, я вижу, что файл css передается, однако после его открытия он, кажется, дает мне еще одну странную страницу html.

Я буду предоставлять каждую информацию о моем вопрос по указанному маршруту c. Пожалуйста, найдите соответствующие изображения ниже.

Это моя структура папок, в которой я работаю: структура папок. все находится в "новом" каталоге

Содержимое приложения. js файл: код для приложения. js

Содержимое дома. js файл: код дома. js

Смысл любви. js файл: код на любовь. js

Содержимое сообщений. js файл: код для сообщений. js

Содержимое приложения. css файл: Простые css свойства, применяемые к телу

после доступа к маршруту '/ fallinlovewith / rusty' применяется номер css. однако на других маршрутах мой css работает отлично.

нет css, применяемого в маршруте - '/ fallinlovewith / rusty'

проверка На странице мы видим, что было использовано приложение css file. css, но если я открою его по отдельности, я получу эту странную вещь, о которой я понятия не имею, что происходит. двойной щелчок по приложению. css на вкладке сети, я возвращаюсь на эту страницу

Кстати, я слежу за своим инструктором Кольтом Стилом, у которого есть этот курс по udemy, названный учебный курс для веб-разработчиков. Я следил за всем так, как он печатает. несмотря на это, у меня возникла эта странная проблема.

1 Ответ

0 голосов
/ 03 августа 2020

Ваша таблица стилей должна иметь префикс sla sh '/', чтобы ссылаться на root веб-сайта ...

Я вижу в вашем коде <link rel="stylesheet" href="app.css" />

Это должно быть <link rel="stylesheet" href="/app.css" />

Если вы не используете префикс sla sh, URL-адрес будет добавлен к текущему URL-адресу ...

ps : в следующий раз скопируйте код вместо ссылки на какой-нибудь скриншот ... Читателям будет проще ...

...