Question

在角度2中，我可以将它们添加到 index.html 中，如下所示：

<link rel="stylesheet" href="css/mycss.css">

但是在角度4中，它必须添加到样式和脚本数组部分中的 angular-cli.json 文件中。

在我的情况下，他们似乎根本没有加载。没错，但是当我在浏览器中查看应用程序时，我知道样式没有加载。当我将样式和js添加到index.html文件时，它也没有被加载，我在控制台中得到了404。

我该如何解决这个问题？以下是我的Angular cli版本： @ angular / cli：1.0.2 节点：6.9.2

Answer 1

如果您使用的是角色cli，请转到 .angular-cli.json ，然后您就可以获得＆＃34;样式＆＃34;：[]以及＃34 ;脚本＆＃34;：[] 在这些内部你可以添加你的CSS文件和js文件

 "styles": [
            yourfirst-css-file , //comma (,)is important
            your-second-css-file
          ],

例如： -

"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
      ],

"scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/tether/dist/js/tether.js",
        "../node_modules/bootstrap/dist/js/bootstrap.js"
      ],

和404错误表示找不到该文件。请尝试并附加完整的＆＃34; url＆＃34;文件夹（SRC）。

如何将自定义css和js添加到angular 4

1 个答案: