2017-02-28 19 views
0

私は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 

このコードは他のマシン上で動作し、そのアドバンスドセレクタはすべて開発に使用されています。

もし特定のエラーのために私はグーグルと彼らについてのエラーを見つけることができますと代替セレクタを提案するが、私は修正すべきことが起こっている何かがあると思う。

gulp3.9.1に、gulp-sass3.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; 
    } 
} 
+0

SASSが無効であるようです。私たちはあなたを助けるためにもっと多くのコードを見る必要があります(IMO)。 –

+0

でも、私のチームメイトのマシンでは同じサスが有効です。とにかく私は編集し、いくつかのコードを投稿しますエラー –

+0

私はそのビットを読み取る、これはパッケージ間のバージョンの不一致を意味する可能性があります。同僚とまったく同じバージョンをインストールしてみることもできます。 –

答えて

0

_placeholders.scssに含めるこれは、機能やバージョンとは何の関係もありませんでした。

@racは、コードであることを指摘しています。

他の開発者は何らかの形でエラーをスキップしていました。コンパイルされた.cssには、問題のある行やエラーがありませんでした。

すべての障害行を削除すると、同じ.cssおよびクリーンコンパイルが行われました。

ありがとうございます!

関連する問題