2016-08-06 29 views
4

angular-cliでSassを使用しようとしていますが、動作しません。次のエラーが表示されます。Sassをangle-cliでコンパイルしない

EXCEPTION: Failed to load http://localhost:4200/app/app.component.sass

私は、私のpackage.jsonnode-sassを追加しました['app.component.sass']styleUrlsを変更してもangular-cli.jsonファイルに"styleExt": "sass"を設定します。

私はそれを動作させるために何かが欠けていますか?

答えて

4

明らかに、documentationに小さな間違いがあります。

styleUrlsは、scssまたはsassの拡張子ではなく、cssである必要があります。 ['app.component.sass']['app.component.css']に置き換えると問題が解決しました。

+0

私は角-CLIを使用していますし、私のSCSSハエは、だから今、ルートディレクトリ –

+0

でapp.component.scss除いてコンパイルなっていますあなたのファイルはscss/sassからcssにコンパイルされますか?私は同じ問題を抱えています。私が見たように、生成されたコンポーネントの.scssファイルはコンパイルされずに使用されます。 –

+0

こんにちは、今日のところ、コンポーネントに 'scss'ファイルをインポートするだけです。 [official docs](https://github.com/angular/angular-cli/wiki/stories-css-preprocessors)を参照してください。 – Will

4

実際には、プリコンパイラでプロジェクトを作成することはできません。プロジェクトを作成する必要があります。

ng new my_project --style=sass 

たり、一緒に行くSCSS構文を使用する場合:

ng new my_project --style=scss 
関連する問題