Question

我正在将项目迁移到Angular 6，并且尝试在angular.json的样式部分中导入我的CSS文件：

"styles": [
      "./src/styles.css",
      "./node_modules/primeng/resources/primeng.min.css",
      "./node_modules/primeicons/primeicons.css",
      "./node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
      "./node_modules/jquery/dist/jquery.min.js",
      "./node_modules/popper.js/dist/umd/popper.min.js",
      "./node_modules/bootstrap/dist/js/bootstrap.min.js"
]

但是它不起作用。正确导入了CSS，但没有应用class，除了style.css中的class。相反，它对于在脚本部分中导入的js正确工作。有任何想法吗？谢谢

文件夹结构为：

app --
     |-- node_modules
     |-- src
       |.. styles.css
     |-- angular.json

Answer 1

在我的angular 6应用程序中，这就是我导入CSS文件的方式：

"styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "node_modules/font-awesome/css/font-awesome.css",
          "node_modules/pure-css-loader/dist/css-loader.css",
          "node_modules/primeng/resources/themes/omega/theme.css",
          "node_modules/primeng/resources/primeng.min.css"
        ]

Angular 6无法在angular.json的样式部分中导入CSS

1 个答案: