更新 Angular 11：库的 css 文件上的“没有这样的文件”答案

【问题标题】：Update Angular 11 : "no such file" on library's css file更新 Angular 11：库的 css 文件上的“没有这样的文件”
【发布时间】：2021-08-06 23:29:48
【问题描述】：

我使用 ngx-datatable 库。

我已经导入了类似的 css 文件：

@import "~@swimlane/ngx-datatable/index.css";
@import "~@swimlane/ngx-datatable/themes/material.css";
@import '~@swimlane/ngx-datatable/assets/icons.css';

angular 11 更新后，每 3 个文件出现以下错误：

错误：ENOENT：没有这样的文件或目录，打开 'C:\Users...\src\tables\component\table-list~@swimlane\ngx-datatable\assets\icons.css'

对于 index 和 material 我都打开了 .scss 文件，我不再有错误，但是没有 icons.scss 文件。

有什么建议吗？谢谢

【问题讨论】：

标签： angular

【解决方案1】：

我可能会更好地使用 angular.json 方法。因此，在“architect”>“build”>“styles”数组下的 angular.json 文件中，像这样添加它们：

"styles": [
          "src/styles.scss",
          {
            "inject":true,
            "input": "./node_modules/swimlane/ngx-datatable/index.css",
            "bundleName": "ngx-datatable-index"
          },
          {
            "inject":true,
            "input": "./node_modules/swimlane/ngx-datatable/themes/material.css",
            "bundleName": "ngx-datatable-material"
          },
          {
            "inject":true,
            "input": "./node_modules/swimlane/ngx-datatable/assets/icons.css",
            "bundleName": "ngx-datatable--icons"
          }
        ]

【讨论】：