CSS에서 SCSS로 Angular-CLI를 마이그레이션할 때 '해당 파일 또는 디렉터리 없음' 오류를 수정하는 방법은 무엇입니까?

오류 문제 해결: 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 구성 angular.json(Angular 6의 경우) 또는 .angular-cli.json(Angular 5.x의 경우)을 수동으로 편집하여 styles.scss.
3. 구성 요소 스타일 수정: 다음에서 styleUrls 속성을 업데이트하세요. 새 SCSS 파일 이름과 일치하는 구성 요소.

새 항목의 경우 프로젝트:

• 새 프로젝트를 생성할 때 스타일 유형을 지정합니다.

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

• 기본 스타일 확장을 전역적으로 설정합니다.

ng config --global defaults.styleExt=scss

이러한 단계를 구현하면 성공적으로 CSS에서 SCSS로의 Angular-CLI 프로젝트

위 내용은 CSS에서 SCSS로 Angular-CLI를 마이그레이션할 때 '해당 파일 또는 디렉터리 없음' 오류를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!