Html 角圆'；t加载styles.css_Html_Css_Twitter Bootstrap_Angular

Html 角圆'；t加载styles.css

html css twitter-bootstrap angular

Html 角圆'；t加载styles.css,html,css,twitter-bootstrap,angular,Html,Css,Twitter Bootstrap,Angular,我正在用bootstrap构建一个简单的angular应用程序。基本index.html似乎不会加载style.css。如果我把css代码直接放入html标记中，它会像一个符咒一样工作。我试图重新启动应用程序并清除浏览器缓存，但它似乎忽略了样式文件。当我第一次编写css文件时，它工作了，因此我认为这是一个缓存问题。我没有改变角度项目的基本结构。这是我的密码 index.html <!doctype html> <html lang="en"> <head>

我正在用

bootstrap

构建一个简单的

angular

应用程序。基本

index.html

似乎不会加载

style.css

。如果我把css代码直接放入html标记中，它会像一个符咒一样工作。我试图重新启动应用程序并清除浏览器缓存，但它似乎忽略了样式文件。当我第一次编写css文件时，它工作了，因此我认为这是一个缓存问题。我没有改变角度项目的基本结构。
这是我的密码

index.html

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

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <div class="container">
    <app-root></app-root>
  </div>
</body>
</html>

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

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body style="  background-color: #d9d9d9;">
  <div class="container"
      style="width: 70%;
      max-width: 100%;
        background-color: white;
        margin-left: auto;
      margin-right: auto;">
    <app-root></app-root>
  </div>
</body>
</html>

以下是有效的版本。
index.html

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

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <div class="container">
    <app-root></app-root>
  </div>
</body>
</html>

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

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body style="  background-color: #d9d9d9;">
  <div class="container"
      style="width: 70%;
      max-width: 100%;
        background-color: white;
        margin-left: auto;
      margin-right: auto;">
    <app-root></app-root>
  </div>
</body>
</html>

代码非常简单，但仍然很简单。

提前谢谢。

好吧，在你的index.html中，我没有看到该文件的任何内容。。。你确定你没有漏掉它吗？您仍然需要链接样式表，Angular不会自动为您这样做

尝试：


雷亚普

您需要在yout.angular-cli.json中引用样式表，如下所示：

"styles": [
"path/to/style.css"
],

检查您的

angular cli.json

，在

的“应用程序”

下，您应该会看到类似的内容

"styles": [
    "styles.css"
  ]

如果不存在，请添加它

您使用什么来构建应用程序？angular cli？如果您使用的是angular cli，您必须提及.angular cli.json下的styles数组中的路径。我这样做了，我将使用.angular-cli.json的内容更新问题。在您的文件夹结构中，您的styles.css？@DeborahK在index.html、src/app的同一文件夹中。（-1表示答案）：Angular在使用Angular cli时自动执行此操作。您只需在angular-cli.json中指定样式文件路径

"styles": [
    "styles.css"
  ]