最近,我的大量任務開始給我帶來錯誤。它不想再編譯我的.scss文件。很奇怪。Gulp'文件中未確認的輸入'
我的一大塊任務似乎運行良好,這是風格任務引發了一個錯誤。
This is my CMD when I try to run the gulp styles command
正如你可以看到它不從dropdowns.scss文件爲有效識別輸入的。
//
// 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可能已經做了升級系統或者它可能有事可做,我試圖安裝關鍵的CSS throught NPM。但是,我懷疑這可以摧毀一個完美的任務。
到目前爲止,我嘗試重新安裝node.js bower和gulp本身,但它一直給我這個錯誤。此外,我試圖配置一個新項目(在過去幾個月中每次都有效),但即使是新項目也不會編譯。我在想一些依賴可能已經過時了。
呃,我一直在研究這個問題好幾個小時,而且我對這可能是什麼原因感到無能爲力。
在此先感謝!
步驟會更好,如果你在問題中粘貼輸出因此不必重定向到另一個網頁即可閱讀它(請參閱格式選項)。另外,你是否檢查了你的scss文件中的第13行(並且可以將它粘貼到問題中),因爲這看起來就像你錯誤所在,而不是你的一口氣任務。 – chriskelly
@chriskelly對不起,你說得對。正如你所看到的,dropdown.scss並沒有什麼奇怪的。在第13行,它簡單地陳述了第一個變量。如果我從需要轉換爲CSS它只會與SCSS變量:(顯示在另一個文件錯誤的文件中刪除dropdown.scss –