私はgulpとsassで進行中の開発に取り掛かり始めています。gulp-sassにいくつかの機能がありません
ワークフローは、仕事では利用できない人のために設定されており、チームの人々のために働いています。
サスは他の人のマシンでコンパイルしますが、私のマシンではコンパイルしません。
他にも何十個ものプロジェクトで私のマシンで問題なくコンパイルしますが、この特定のプロジェクトでは使用しません。
私はプロジェクトを正しく初期化したと思いますが、いくつかのバージョンや設定に問題があると思われます。
もしI npm install
すべて、実行、私は次のエラーを取得するgulp
:
Error: src/sass/base/_base.scss
Error: "ul" failed to @extend "%reset-list".
The selector "%reset-list" was not found.
Use "@extend %reset-list !optional" if the extend should be able to fail.
on line 142 of src/sass/base/_base.scss
そしてそう:私は問題のある行をコメントして再度gulp
を実行しているだけで、別のエラーでつまずくことを試みた
Error: src/sass/utilities/mixins/_vendor-prefixes.scss
Error: Invalid CSS after "::-webkit-": expected "{", was "&-placeholder"
"&-placeholder" may only be used at the beginning of a compound selector.
on line 116 of src/sass/utilities/mixins/_vendor-prefixes.scss
オン:
Error: src/sass/utilities/_placeholders.scss
Error: You may not @extend an outer selector from within @media.
You may only @extend selectors within the same directive.
From "@extend %clearfix" on line 38 of src/sass/modules/_calendar.scss
on line 9 of src/sass/utilities/_placeholders.scss
このコードは他のマシン上で動作し、そのアドバンスドセレクタはすべて開発に使用されています。
もし特定のエラーのために私はグーグルと彼らについてのエラーを見つけることができますと代替セレクタを提案するが、私は修正すべきことが起こっている何かがあると思う。
gulp
を3.9.1
に、gulp-sass
を3.1.0
に更新しましたが、同じエラーが発生します。
これをどのようにデバッグする必要がありますか?
ありがとうございます!
EDIT: The errors are clearly stating that the code is not valid but the strange thing is that the same code is working on other peoples machines.
私はとにかくちょうど参照のためのエラーのいくつかのarroundのいくつかのコードを投稿します:
_vendor-prefixes.scss:116
// Placeholder focus text
@mixin placeholder-focus($color: $input-color-placeholder) {
&:focus::-webkit-&-placeholder { color:$color; }
&:focus:-moz-placeholder { color:$color; } /* FF 4-18 */
&:focus::-moz-placeholder { color:$color; } /* FF 19+ */
&:focus:-ms-input-placeholder { color:$color; }
}
_base.scss:142を
// Unordered and Ordered lists
ul,
ol {
@extend %reset-list;
}
と
// Reset List
%reset-list {
padding:0;
margin:0;
li {
list-style:none;
}
}
SASSが無効であるようです。私たちはあなたを助けるためにもっと多くのコードを見る必要があります(IMO)。 –
でも、私のチームメイトのマシンでは同じサスが有効です。とにかく私は編集し、いくつかのコードを投稿しますエラー –
私はそのビットを読み取る、これはパッケージ間のバージョンの不一致を意味する可能性があります。同僚とまったく同じバージョンをインストールしてみることもできます。 –