Wie behebt man den Fehler „Keine solche Datei oder kein solches Verzeichnis' bei der Migration von Angular-CLI von CSS zu SCSS?

Fehlerbehebung: Konvertieren von Angular-CLI von CSS nach SCSS

Beim Übergang eines Angular-CLI-Projekts von traditionellen CSS-Stilen zu SCSS müssen Sie Möglicherweise wird ein Fehler angezeigt, der besagt: „Keine solche Datei oder kein solches Verzeichnis geöffnet.“ '/Users/Egen/Code/angular/src/styles.css'".

Für Angular 6 und höher:

• Gemäß der offiziellen Dokumentation , verwenden Sie den folgenden Befehl:

ng config defaults.styleExt=scss

Für Angular 5.x und Älter:

• Wenn Sie eine Fehlermeldung bezüglich „Wert kann nicht gefunden werden“ erhalten, führen Sie den folgenden Befehl aus:

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

Zusätzliche Schritte :

1. CSS-Dateien umbenennen: Vorhandene konvertieren .css-Dateien in .scss (z. B. „styles.css“ in „styles.scss“).
2. CLI anpassen: Konfigurieren Sie die CLI so, dass „styles.scss“ durch manuelle Bearbeitung erkannt wird angle.json (für Angular 6) oder .angular-cli.json (für Angular 5.x).
3. Komponentenstile ändern:Aktualisieren Sie die styleUrls-Eigenschaft in Komponenten, damit sie mit den neuen SCSS-Dateinamen übereinstimmt.

Für neue Projekte :

• Geben Sie beim Erstellen eines neuen Projekts den Stil an Typ:

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

• Globale Standardstilerweiterung festlegen:

ng config --global defaults.styleExt=scss

Durch die Implementierung dieser Schritte sollten Sie in der Lage sein, Ihr Angular erfolgreich zu konvertieren -CLI-Projekt von CSS zu SCSS.

Das obige ist der detaillierte Inhalt vonWie behebt man den Fehler „Keine solche Datei oder kein solches Verzeichnis' bei der Migration von Angular-CLI von CSS zu SCSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!