2016-12-29 4 views
0

В последнее время моя задача gulp начала давать мне ошибки. Он больше не хочет компилировать мои .scss-файлы. Очень странно.Gulp 'Непризнанный вход в файл'

Большая часть моей задачи 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 Повсеместно НПМ. Однако я сомневаюсь, что это может уничтожить совершенно прекрасную задачу.

До сих пор я пытался переустановить node.js bower и gulp, но он продолжает давать мне эту ошибку. Также я попытался настроить новый проект (который работал каждый раз в течение предыдущих месяцев), но даже с новым проектом, который он не будет компилировать. Я думаю, что какая-то зависимость может быть устаревшей.

Ух, я работаю над этим часами, и у меня заканчиваются идеи о том, что может быть причиной этого.

Заранее благодарен!

+0

было бы лучше, если вы вставили выход в вопросе поэтому не нужно перенаправлять на другую веб-страницу, чтобы прочитать ее (см. параметры форматирования). Кроме того, вы проверили строку 13 (и можете ли вы вставить ее в вопрос) вашего scss-файла, поскольку это похоже на то, где вы ошибаетесь, а не в своей задаче gulp. – chriskelly

+0

@chriskelly Простите меня, вы правы. Как вы можете видеть, нет ничего странного в dropdown.scss. В строке 13 он просто задает первую переменную. Если я удаляю dropdown.scss из файлов, которые нужно преобразовать в css, он просто отобразит ошибку в другом файле с переменными 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 версии Bootstrap в.

Не могли бы вы изменить версию своего бутстрапа в bower.json?

От:

"bootstrap": "~3.3.1", 

To:

"bootstrap": "3.3.1", 

и запустить bower install снова, пожалуйста.


Вы используете какой-то плагин gulp-sass? Ниже кода требуется для компиляции sass css из gulp.Вам может понадобиться установить Глоток-дерзость по 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

Привет! Да, я использую плагин gulp-sass. У меня установлен этот плагин. Я попытался запустить это снова, и ему удалось установить (хотя это дало мне предупреждение о неудачной дополнительной зависимости), но проблема по-прежнему сохраняется. –

+0

Я обновил свой ответ. Можете ли вы попробовать обновить свою загрузку от беседки. используя bower. – Santosh

+0

Спасибо за вашу помощь до сих пор. Однако обновление bootstrap throught bower не помогло. –

0

Для других людей, которые испытывают эту проблему мне удалось решить следующие шаги от this website.

 Смежные вопросы

  • Нет связанных вопросов^_^