Question

我正在尝试将我的html模板转换为角度应用。我有一个名为plugins和img文件夹的css文件夹。

当我添加时：

 "styles": [
          "src/assets/plugins/listtyicons/style.css",
          "src/assets/plugins/jquery-ui/jquery-ui.min.css",
          "src/assets/plugins/bootstrap/css/bootstrap.min.css",
          "src/assets/plugins/plugins/isotope/isotope.min.css",
          "src/styles.css"

        ]

angular.json文件中的这段代码我在尝试启动角度应用时遇到错误。我把我的插件文件夹放在assets文件夹中。我收到了这个错误：

 ERROR in multi ./src/assets/plugins/listtyicons/style.css 
./src/assets/plugins/jquery-ui/jquery-ui.min.css ./src/assets/plugins/bootstrap/css/bootstrap.min.css ./src/assets/plugins/plugins/isotope/isotope.min.css ./src/styles.css
Module not found: Error: Can't resolve 
'/Users/nilay/angular/bes/src/assets/plugins/plugins/isotope/isotope.min.css' 
in '/Users/nilay/angular/bes'

我不知道为什么会收到此错误。

Answer 1

在 angular 6 中，您必须在src/style.css中添加（而不是angular.json）：

@import "assets/plugins/listtyicons/style.css";
@import "assets/plugins/jquery-ui/jquery-ui.min.css";
@import "assets/plugins/bootstrap/css/bootstrap.min.css";
@import  "assets/plugins/plugins/isotope/isotope.min.css";

并在angular.json

"styles": [
          "src/styles.css"
        ]

Angular 6在angular.json中加载css文件夹

1 个答案: