将 Angular-CLI 从 CSS 迁移到 SCSS 时如何修复'没有这样的文件或目录”错误？

错误故障排除：将 Angular-CLI 从 CSS 转换为 SCSS

将 Angular-CLI 项目从传统 CSS 样式转换为 SCSS 时，您可能会遇到错误，指出“没有这样的文件或目录，请打开'/Users/Egen/Code/angular/src/styles.css'".

对于 Angular 6 及以上版本：

• 根据官方文档，使用以下命令：

ng config defaults.styleExt=scss

对于Angular 5.x 及更早版本：

• 如果收到有关“找不到值”的错误消息，请执行以下命令：

ng config schematics.@schematics/angular:component.styleext scss

额外步骤：

1. 重命名 CSS 文件： 将现有 .css 文件转换为 .scss（例如，将 styles.css 转换为 styles.scss）。
2. 调整 CLI： 配置 CLI 以识别 styles.scss通过手动编辑 angular.json （对于 Angular 6 ）或 .angular-cli.json （对于 Angular 5.x ）。
3. 修改组件样式：更新组件中的 styleUrls 属性以匹配新的 SCSS 文件名。

对于新文件项目：

• 创建新项目时，指定样式类型：

ng new your-project-name --style=scss

• 全局设置默认样式扩展：

ng config --global defaults.styleExt=scss

通过实施这些步骤，您应该能够成功转换您的从 CSS 到 SCSS 的 Angular-CLI 项目。

以上是将 Angular-CLI 从 CSS 迁移到 SCSS 时如何修复'没有这样的文件或目录”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！