2017-03-17 7 views
8

Otrzymuję błąd w moim projekcie kątowym 2, w którym na chromowanej konsoli narzędzi programistów pojawia się komunikat GET http://localhost:4200/styles.css z czerwonym znakiem x po lewej stronie. Mogę używać tych stylów, więc o co chodzi?Błąd GET http: // localhost: 4200/styles.css, ale mogę używać tych stylów. O co chodzi?

To jest mój plik index.html:

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Scorekeeper</title> 
    <base href="/"> 

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script> 
    <link rel="stylesheet" href="./styles.css"> 
</head> 
<body> 
    <app-root>Loading...</app-root> 
</body> 
</html> 

enter image description here

+0

Wyczyść pamięć podręczną przeglądarki i zobacz, czy nadal można użyć stylu – Sparrow

+0

Czy to, co powiedziałeś i nadal mogę używać stylów. – FlashBanistan

+0

Czy jest możliwe, że style, które używasz, faktycznie istnieją w innych plikach css, które masz w nagłówku? – Sparrow

Odpowiedz

20

Usuń ten link do swojego arkusza stylów z pliku index.html. Używasz kanciastego-cli iw swojej konfiguracji plik styles.css jest zawarty w kanciastym-cli. Twój tag linku w kodzie HTML nic nie robi.

(Kątowa cli również dynamicznie wstrzykuje znacznik linku dla tego stylu do twojego html, dlatego "działa").

+1

Dzięki! Lol, czy wiesz, że oficjalny tutorial poradził nam, abyśmy to uwzględnili? : westchnienie: – sivabudh

5

Usuń ścieżkę arkusza stylów z index.html i połączyć go poprzez kątową-cli.json jak tego stylów:

[ 
     "styles.css", 
     "css/style.css", 
     "css-link/bootstrap.css" 
     ] 
+1

Zobacz najpierw [jak-odpowiedź] (https://stackoverflow.com/help/how-to-answer) –

Powiązane problemy