styles.scssからコンポーネントに変数を使用します。 Angular4

Question

私はtypescriptアプリケーションでAngular4を作成していますが、.scssファイルに問題があります。 src/styles/_1_colors.scssというファイルがあります。すべてのファイルでこのスタイルを使用します。 styles.scssファイルが正しく、すでに働いている

は、私は、この内部styles.scss書いた角度-CLI

に追加されました：

@import "スタイル/ _1_colorsを"。

それは私にエラーを与えないので、正しいパスです。 $ bms_darkblue という名前の_1_colorsに存在する変数をsrc/app/search/query/query.component.scssというファイル内で使用しようとしています。このエラーが表示されます。

ERROR in ./src/app/search/query/query.component.scss 
Module build failed: 
     color: $bms_darkblue; 
      ^
     Undefined variable: "$bms-darkblue". 

しかし、すべてが正しいと思われる理由はわかりません。 すべてのアイデアが役に立ちます。 問題は、styles.scssの前にcomponent.scssがロードされているということです。

あなたが、より良いソースや説明を私に提供してくれる場合は、 ありがとうございます！

Answer 1

src/styles/_1_colors.scss 
src/app/search/query/query.component.scss 

私はあなたのファイルquery.component.scssが/stylesフォルダの下にないことがわかります。したがって、あなたのフォルダ構造に従って_1_colors.scssをインポートしなければならないかもしれません。