• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Połączenie SASS'a i Expressa

VPS Starter Arubacloud
0 głosów
210 wizyt
pytanie zadane 22 września 2018 w JavaScript przez kuba802802 Początkujący (380 p.)
zamknięte 23 września 2018 przez kuba802802

Witam mam taki problem z połączeniem SASS i expressa męczę się od dłuższego czasu i nie zbyt wiem czemu nie da załadować przekompilowanego css'a do pliku html
Struktura projektu: https://imgur.com/llzgIPm

Plik html w którym dołączam main.css(Sekcja head) 

<head>
    <meta charset="utf-8" />  
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js'></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <link rel="stylesheet" href="./main.css" type="text/stylesheet">
    
</head>

 W SASS'ie tylko jest selektor body i background color. Z góry dziękuje za pomoc

Po wpisaniu adresu http://localhost:1000/admin/main.css plik z css'em się wyświetla lecz nie widać w nim efektu 

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

0 głosów
odpowiedź 22 września 2018 przez Tpk Nałogowiec (40,100 p.)
wybrane 22 września 2018 przez kuba802802
 
Najlepsza

Plik main.css jest jeszcze w katalogu css - przynajmniej tak wynika z drzewa projektu. Popraw ścieżkę i powinno być ok.

komentarz 22 września 2018 przez kuba802802 Początkujący (380 p.)
https://imgur.com/9vWWjYQ To jest aktualne drzewo i tak to jest podłączone w pliku index.html w folderze admin <link rel="stylesheet" href="../dist/style.css" type="text/stylesheet"> i problem jest w tym że gdy sprawdzam w źródle widać ten plik css da się go podejrzeć ale nie widać efektu nie zmienia się kolor itp.
komentarz 22 września 2018 przez Tpk Nałogowiec (40,100 p.)

Powód jest bardzo prosty, nie ma czegoś takiego:

<link rel="stylesheet" href="../dist/style.css" type="text/stylesheet"> 

Za to jest:

<link rel="stylesheet" href="../dist/style.css" type="text/css">

Lub jeszcze lepiej używać po prostu:

<link rel="stylesheet" href="../dist/style.css">

 

1
komentarz 22 września 2018 przez kuba802802 Początkujący (380 p.)
Dzięki wielkie za pomoc, najciemniej jest pod latarnią. :)

Podobne pytania

+2 głosów
2 odpowiedzi 519 wizyt
pytanie zadane 15 lipca 2021 w JavaScript przez yapyap Obywatel (1,730 p.)
0 głosów
2 odpowiedzi 183 wizyt
pytanie zadane 17 stycznia 2020 w JavaScript przez CapTor Nowicjusz (240 p.)
0 głosów
1 odpowiedź 172 wizyt
pytanie zadane 7 września 2017 w JavaScript przez SzymonSmith Użytkownik (870 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...