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 は、angular.json (Angular 6 の場合) または .angular-cli.json (Angular 5.x の場合) を手動で編集して、styles.scss を認識します。
3. コンポーネント スタイルの変更: 更新新しい SCSS ファイルと一致するコンポーネントの styleUrls プロパティ

新しいプロジェクトの場合:

• 新しいプロジェクトを作成するときは、スタイル タイプを指定します:

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

• デフォルトのスタイルをグローバルに設定しますextension:

ng config --global defaults.styleExt=scss

これらの手順を実装すると、Angular-CLI プロジェクトを CSS から SCSS に正常に変換できるはずです。

以上がAngular-CLI を CSS から SCSS に移行するときに発生する「そのようなファイルまたはディレクトリはありません」エラーを修正する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。