无法在 angular 9 项目中使用外部 css 样式表

Question

我是 angular 的新手，正在尝试使用 W3 CSS 实现一些东西。我试图将此 css 添加到我的项目中。以下是我遵循的步骤

运行 npm install --save w3-css 在我的项目目录
在 angular.json

node_modules/w3-css/w3.css

"styles": [
          "src/styles.css",
          "node_modules/w3-css/w3.css"
        ],

之后，我尝试将 css classes 添加到我的组件 html 文件

<div class="w3-container w3-border w3-large">
    <div class="w3-left-align"><p>Left aligned text.</p></div>
    <div class="w3-right-align"><p>Right aligned text.</p></div>
</div>

但我没看到任何 class 添加。

注意：node_modules 文件夹和 angular json 在同一目录中。

Answer 1

将您的 css 导入 style.css 文件。

@import "../node_modules/w3-css/w3.css";

无法在 angular 9 项目中使用外部 css 样式表

Unable to use external css stylesheet in angular 9 project

css

angular

w3-css