html - 错误 GET http ://localhost:4200/styles. css 但我能够使用这些样式。这是怎么回事?

标签 html angular

我在 angular 2 项目中收到一个错误,在 chrome 开发人员工具控制台中有一条消息说 GET http://localhost:4200/styles.css在它的左边有一个红色的 x。不过我可以使用这些样式,这有什么关系?

这是我的 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

最佳答案

从 index.html 中删除指向样式表的链接。您正在使用 angular-cli,并且在您的配置中,angular-cli 包含 styles.css。您在 HTML 中的链接标记没有执行任何操作。

(angular cli 还动态地将该样式的链接标记注入(inject)到您的 html 中,这就是“有效”的原因)。

关于html - 错误 GET http ://localhost:4200/styles. css 但我能够使用这些样式。这是怎么回事?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42864343/

相关文章:

javascript - Angular 2 中组件模板之外的 routerLink,在基本 html 中

javascript - 外部 JavaScript - 主体还是头部?

html - 将 font-weight 设置为 100 后,文本字体仍然是粗体

javascript - 链接的编辑功能 - UI

angular - 如何从 *ngFor 循环中的输入中获取值

javascript - 剑道网格 : Change columns order (event binding)

html - 嵌入式网络/应用服务器

html - Uncaught Error : Can't make callback from given data using MathJax with p5 and html

angular - 比较 Typescript/Angular 4 上的日期

javascript - 使用 Observables 时处理服务器错误