CSS и семантический пользовательский интерфейс CDN не работает в localhost - PullRequest
Новая
       34

CSS и семантический пользовательский интерфейс CDN не работает в localhost

0 голосов
/ 02 марта 2019

Моя структура HTML похожа на приведенную ниже, и путь к папке указан правильно: 

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Application</title>
    <link rel="stylesheet" type="text/css"  href="../app/assets/appStyle.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css">
    <link rel="text/javascript" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js">
</head>

Когда я пробую страницы из браузера, они работают.Однако, когда я пробую их с localhost, он не загружает css или минимизированный семантический интерфейс.Кто-нибудь может помочь, пожалуйста?Я боролся с этим в течение 3 часов.Приветствуется любая помощь или подсказка.

РЕДАКТИРОВАНИЕ: у меня есть функция, как показано ниже, для маршрутизации в моем файле app.js.Может ли это быть причиной? 

 // Make the user route to application.html
app.get('*',function(req,res){
    res.sendFile(path.join(__dirname + '/public/pages/application.html'));
});

Ответы [ 2 ]

0 голосов
/ 02 марта 2019

Вы используете тег <link> для Javascript.Тег <link> не поддерживается браузерами для загрузки JS.Пожалуйста, обратитесь к этому вопросу StackOverflow: Могу ли я загрузить код JavaScript с помощью тега ? . 

<link rel="text/javascript" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js">

Используйте тег script для загрузки JS.Попробуйте заменить вышеуказанные строки на: 

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script>

Дайте мне знать, если это работает.

0 голосов
/ 02 марта 2019

Я думаю, что проблема здесь 

<link rel="stylesheet" type="text/css"  href="../app/assets/appStyle.css">
  • Если вы хотите проверить правильность работы таблицы стилей, щелкните правой кнопкой мыши браузер и выберите Просмотр источника страницы.
  • Нажмите таблицу стилейссылка и проверьте, правильно ли загружается таблица стилей.
  • Если он не работает должным образом, проверьте ваш путь и исправьте его.
...