Recibo un error en mi proyecto angular 2 donde en la consola de herramientas de desarrollo de Chrome hay un mensaje que dice OBTENER http://localhost:4200/styles.css con una x roja a la izquierda. Sin embargo, puedo usar estos estilos, ¿cuál es el trato?
Este es mi archivo 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>Elimine ese enlace a su hoja de estilo de su index.html. Está utilizando angular-cli y en su configuración, angular-cli incluye styles.css. Su etiqueta de enlace en el HTML no está haciendo nada.
(El cli angular también está inyectando dinámicamente una etiqueta de enlace para ese estilo en su html, por lo que 'funciona').
Elimine la ruta de su hoja de estilo de index.html y vincúlela a través de angular-cli.json como este estilo:
[ "styles.css", "css/style.css", "css-link/bootstrap.css" ]