2016-12-29 4 views
0

最近、私のgulpタスクがエラーを出すようになりました。 .scssファイルをもうコンパイルしたくありません。非常に奇妙な。Gulp 'ファイルの入力が認識されない'

私のギャルプタスクの大きなチャンクはうまく動作しているようですが、それは私にエラーを投げるスタイルタスクです。

This is my CMD when I try to run the gulp styles command

あなたはそれが有効なものとしてdropdowns.scssファイルからの入力を認識does notの見ることができるように。

// 
// Dropdown menus 
// -------------------------------------------------- 


// Dropdown arrow/caret 
.caret { 
    display: inline-block; 
    width: 0; 
    height: 0; 
    margin-left: 2px; 
    vertical-align: middle; 
    border-top: $caret-width-base dashed; 
    border-top: $caret-width-base solid \9; // IE8 
    border-right: $caret-width-base solid transparent; 
    border-left: $caret-width-base solid transparent; 
} 

それは変数を呼び出したの初めてですがライン13上で、このファイルには何もなさそうです。このファイルを削除すると、他のファイルで認識されない他のscss変数が見つかります。つまり、すべてのscss変数は認識できません。

// ### Styles 
// `gulp styles` - Compiles, combines, and optimizes Bower CSS and project CSS. 
// By default this task will only log a warning if a precompiler error is 
// raised. If the `--production` flag is set: this task will fail outright. 
gulp.task('styles', ['wiredep'], function() { 
    var merged = merge(); 
    manifest.forEachDependency('css', function(dep) { 
    var cssTasksInstance = cssTasks(dep.name); 
    if (!enabled.failStyleTask) { 
     cssTasksInstance.on('error', function(err) { 
     console.error(err.message); 
     this.emit('end'); 
     }); 
    } 
    merged.add(gulp.src(dep.globs, {base: 'styles'}) 
     .pipe(cssTasksInstance)); 
    }); 
    return merged 
    .pipe(writeToManifest('styles')); 
}); 

私は、Windows 10がシステムへのアップグレードを行っている可能性があるか、多分それは私がNPM throught重要なCSSをインストールしようとしたことは何かをしていたと思っています。しかし、私はこれが完璧に素晴らしい仕事を破壊することはないと思う。

これまでのところnode.jsを再インストールしようとしましたが、それは私にこのエラーを与え続けます。また、私は(これまでの数か月に渡って毎回働いた)新鮮なプロジェクトを構成しようとしましたが、新鮮なプロジェクトであってもコンパイルできませんでした。私はいくつかの依存関係が時代遅れかもしれないと思っています。

ええと、私はこれを何時間もやってきましたが、何が原因か分かりません。

ありがとうございます!

+0

からのステップ、次のそれを解決するために管理しましたそのため、別のWebページにリダイレクトする必要はありません(フォーマットオプションを参照)。また、あなたがライン13をチェックしなかった(とあなたが質問に貼り付けることができます)これは、ように見えるので、あなたのSCSSファイルのどこ一気のタスクでエラー嘘はありません。 – chriskelly

+0

@chriskelly許してください、あなたは正しいです。ご覧のとおり、dropdown.scssには何も変わりありません。 13行目では、最初の変数を示しています。私はCSSに変換する必要があるファイルからdropdown.scssを削除した場合、それは単にSCSS変数:( –

答えて

0

Update2--

Bower.json

{ 
    "name": "starter-template", 
    "homepage": "http://www.thomwensink.nl", 
    "authors": [ 
    "Thom Wensink <[email protected]>" 
    ], 
    "license": "MIT", 
    "private": true, 
    "dependencies": { 
    "bootstrap-sass": "^3.3.6", 
    "slick-carousel": "^1.5.9", 
    "font-awesome": "fontawesome#^4.5.0", 
    "imgLiquid": "^0.9.944", 
    "modernizr": "2.8.2" 
    }, 
    "overrides": { 
    "bootstrap-sass": { 
     "main": [ 
     "./assets/stylesheets/bootstrap/_variables.scss", 
     "./assets/stylesheets/bootstrap/_mixins.scss", 
     "./assets/stylesheets/bootstrap/_normalize.scss", 
     "./assets/stylesheets/bootstrap/_print.scss", 
     "./assets/stylesheets/bootstrap/_scaffolding.scss", 
     "./assets/stylesheets/bootstrap/_type.scss", 
     "./assets/stylesheets/bootstrap/_code.scss", 
     "./assets/stylesheets/bootstrap/_grid.scss", 
     "./assets/stylesheets/bootstrap/_tables.scss", 
     "./assets/stylesheets/bootstrap/_forms.scss", 
     "./assets/stylesheets/bootstrap/_component-animations.scss", 
     "./assets/stylesheets/bootstrap/_navs.scss", 
     "./assets/stylesheets/bootstrap/_navbar.scss", 
     "./assets/stylesheets/bootstrap/_utilities.scss", 
     "./assets/stylesheets/bootstrap/_responsive-utilities.scss", 
     "./assets/javascripts/bootstrap/transition.js", 
     "./assets/javascripts/bootstrap/collapse.js", 
     "./assets/javascripts/bootstrap/scrollspy.js", 
     "./assets/javascripts/bootstrap/affix.js" 
     ] 
    }, 
    "font-awesome": { 
     "main": [ 
     "./scss/font-awesome.scss", 
     "./fonts/*" 
     ] 
    }, 
    "modernizr": { 
     "main": "./modernizr.js" 
    } 
    } 
} 

ブートストラップを再インストールのエラーメッセージについては、いずれも存在しません。それは期待通りに行く。しかし、問題は解決しません。

Update--

問題は、ブートストラップのバージョン3.3.5のバージョンであるが判明。

bower.jsonでブートストラップのバージョンを変更してください。

から:

"bootstrap": "~3.3.1", 

へ:

"bootstrap": "3.3.1", 

と実行bower installもう一度、してください。


gulp-sassプラグインを使用していますか?以下のコードは、gulpからCSSをコンパイルするために必要です。あなたはこの問題を持っている他の人々のためにnpm install --save-dev gulp-sass

var sass = require('gulp-sass'); 
gulp.task('sass', function() { 
return gulp.src('client/sass/*.scss') 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(gulp.dest('css')) 
}); 
+0

こんにちは持つ別のファイルにエラーが表示されます!はい、私は一息-SASSプラグインを使用しています。私はこのプラグインがインストールされています。されて私は再びこれを実行してみました、それはインストールに成功しました(私に失敗したオプションの依存関係の警告を与えましたalthought)が、問題はまだ解消されない。 –

+0

私は私の答えを更新しました。あなたは亭からブートストラップを更新してみてください。あなたのように見えます亭を使用。 – Santosh

+0

おかげであなたの助けのためにこれまでのところ。しかし、ブートストラップthroughtの亭が助けにはならなかった更新。 –

0

でゴクゴク-SASSをインストールする必要があります。私はあなたの質問に出力を貼り付けた場合の方が良いだろうthis website.

関連する問題