Fehler BEKOMMEN http://localhost:4200/styles.css aber ich bin in der Lage, diese Stile verwenden. Was ist der deal?

Ich erhalte einen Fehler in meinen Winkel-2-Projekt, wo in den chrome-developer-tools-Konsole gibt es eine Meldung, die besagt ERHALTEN http://localhost:4200/styles.css mit einem roten x auf der linken Seite ist es. Ich bin in der Lage, verwenden Sie diese Stile, aber so was ist der deal?

Dies ist mein index.html Datei:

<!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>

Fehler BEKOMMEN http://localhost:4200/styles.css aber ich bin in der Lage, diese Stile verwenden. Was ist der deal?

  • Ihren browser-cache leeren und sehen, ob Sie noch verwenden können, den Stil
  • Tat was Sie sagte und ich kann immer noch nutzen Sie die Formatvorlagen.
  • Ist es möglich, dass die Formatvorlagen, die Sie verwenden, tatsächlich existieren in den anderen css Dateien, die Sie in der Kopfzeile?
  • Ich denke nicht so. Kann ich eine Regel ändern in meinem Stile.css und erkennen, dass Veränderung spiegelt sich auf der Seite aktualisieren.
  • Im IE, wenn Sie öffnen Sie die developer tools, und gehen Sie auf die 'Elemente' die Registerkarte, in der "Styles" - Registerkarte, es zeigt eigentlich die css-Datei name, der hält, was der Stil. Sie können überprüfen, dass auch.
  • In meinem Stile.css habe ich definiert h4 Regel als ein padding von 15px. Ich überprüfen das h4-Elemente und in der Tat hat es der 15px Regel, aber es sagt, dass Sie kommen nicht aus einer Datei, sondern ein <style></style> - tag. Und Nein, ich habe keine inline-style-tags an einer beliebigen Stelle in meinem Projekt, also bin ich verwirrt.
  • Zeigen Sie Ihre Ordner "assets"
  • verwenden Sie eckige cli?

InformationsquelleAutor FlashBanistan | 2017-03-17
  1. 21

    Entfernen, der link zu deinem stylesheet von Ihrem index.html. Bist du mit dem Winkel-cli und in Ihrer Konfiguration-Stile.css wird durch die Winkel-cli. Ihre link-tag in die HTML nichts macht.

    (Die eckige cli ist auch dynamisch Injektion ein link-tag für diesen Stil in Ihre html-Seite, die ist, warum es "funktioniert").

    • Danke! Lol, Wusstest du, dass das offizielle tutorial riet uns, es aufzunehmen? :seufz:
    InformationsquelleAutor snorkpete
  2. 5

    Entfernen Sie Ihre styleSheet-Pfad aus index.html und verknüpfen Sie es durch Winkel-cli.json wie diese
    Stile:

     [
        "styles.css",
        "css/style.css",
        "css-link/bootstrap.css"
       ]
    InformationsquelleAutor satya
Schreibe einen Kommentar