Подтвердить что ты не робот

Sass не удалось скомпилировать - Обновление веб-Essentials 2013 4

В настоящее время я использую обновление веб-Essentials 2013 4, чтобы предоставить поддержку для компиляции файлов .scss в Visual Studio.

Инструмент работал отлично для меня в прошлом, но я только что создал новый .scss файл и скопировал загрузочный незагруженный css в этот новый файл.

При сохранении в окне компиляции в правой части экрана не удается обновить или отобразить скомпилированные css или любые сообщения об ошибках. Между тем синяя полоса внизу экрана моей Visual Studio застряла на

Компиляция 0 зависимого файла для bootstrap.scss

Failure to compile

Обычно я ожидал, что из него будет создан файл bootstrap.css, а также файл bootstrap.min.css, но этого не происходит.

Есть ли у кого-нибудь идеи, как я могу восстановить это в нормальных условиях работы?

No minified file

4b9b3361

ОТВЕТЫ

Ответ 1

Это было связано с настройками, которые у меня были в файле WebEssentials-Settings.json. В версии 3 параметр "UseRubyRuntime" должен быть помечен как true, чтобы он мог автоматически компилироваться в соответствующие файлы. Начиная с версии 4, это может быть помечено как false, так как WE теперь имеет встроенный компилятор, который, я полагаю, противоречил версии RubyRuntime, которую я пытался использовать.

Ответ 2

У меня была аналогичная проблема, после установки обновления Web Essentials 2013 Update 4 файлы .scss начали выдавать такие ошибки на выходе:

Something went wrong reaching: ... 
SCSS: Site.scss compilation failed: The service failed to respond to this request
Possible cause: Syntax Error!

Единственным решением для меня было следующее:

  • Удалить веб-Essentials
  • Удалить% AppData%\Local\Microsoft\VisualStudio\12.0
  • Удалить% AppData%\Роуминг\Microsoft\VisualStudio\12.0
  • Восстановить VS 2013.4
  • Переустановка веб-Essentials

Источник: https://visualstudiogallery.msdn.microsoft.com/56633663-6799-41d7-9df7-0f2a504ca361/view/Discussions/1#15143

И хедз-ап: Если вы импортируете другие .scss файлы, убедитесь, что они находятся в правильном месте. Когда я обновил Twitter.Bootstrap.Sass 3.3.3 через NuGet, связанные файлы .scss были перемещены в другую папку, и мне пришлось обновлять ссылки. Например:

До:

@import "../sass/bootstrap/_utilities.scss";

После:

@import "../stylesheets/bootstrap/_utilities.scss";

Ответ 3

У меня была такая же проблема, и я потратил некоторое время на удаление и повторную установку Web Essentials. Я попытался удалить части AppData, которые, казалось, были связаны с Web Essential, и все это не удавалось скомпилировать файл scss.

Итак, я создал новый .scss с минимальным контентом, который скомпилирован. Затем я начал копировать куски из неудачного. После нескольких копий новый тоже не удался. Я смог обнулить неудачу. Это было вызвано этой строкой:

$highlightcolor: # 67a0f;

Вы видите проблему? в шестнадцатеричном цветовом коде отсутствует цифра. это должно было быть 67a0f5. Исправлено это исправление проблемы с исходным файлом.

Я просмотрел файл, ищущий синтаксические ошибки, но не обнаружил короткий цвет def.

Надеюсь, это сэкономит кому-то время и разочарование.

Ответ 4

У меня была та же проблема; чтобы помочь диагностировать его, я создал минимальный файл .scss с фиктивными правилами CSS - он сгенерировал ту же ошибку.

Затем я отправился в свой долговременный проверенный и полностью работающий архив .scss - он сгенерировал ту же ошибку. Что-то здесь не так, подумал я.

После некоторого изменения проблемы, как-то она была исправлена ​​путем закрытия Visual Studio, перезагрузки и повторного открытия решения.

Ответ 5

Ссылка на журнал изменений, начиная с версии 2.5 для обновления 4 веб-Essentials:

  • Удалены все инструменты node.js. КомпиляторыSass/LESS. JSHint/ОНК
    linters CSS AutoPrefixer Компилятор ручных списков SweetJS/LiveScript
    Составители

http://vswebessentials.com/changelog

Итак, я понимаю, что он больше не компилируется.

Ответ 6

У меня такая же проблема и устранены фактические синтаксические ошибки и неправильные ссылки на пути. Я нашел две вещи об этом.

  • Это происходит, когда есть файл, который задает только переменные и не имеет фактической разметки scss или css. Это скорее хак, как вы   возможно, придется помещать нежелательные css в файл переменных.
  • Отключение Autoprefixer решит проблему полностью, но за счет не использования этой функции.

Ответ 7

У меня возникла эта проблема, и я решил, что когда я запускал компиляцию всех SASS файлов, плагин пытался скомпилировать файлы, найденные в каталоге /obj проекта, который был неудачным, и, следовательно, вызвал сбой последующей компиляции. Удаление каталога /obj и перезапуск VS исправили проблему.

Ответ 8

Отключение того, что другие говорили о веб-Essentials. Глядя на журнал изменений он утверждает, что для версии 2013 обновление 4 и up (значение версии 2015 также),

Внимание! Объединение, обобщение и компиляция LESS, Sass и CoffeeScript больше не является частью Web Essentials 2015. Установите новые расширения Bundler и Minifier и Web Compiler. Также см этот список других расширений веб-разработки, которые могут быть интерес к вам.

Я нашел это аккуратное небольшое расширение для visual studio, которое компилирует файлы SCSS для сохранения в файл CSS (наряду с минификацией для этого файла).

Вы можете получить здесь. Парень, создавший это расширение, также говорит о проблеме Web Essential, нашел здесь.

Ответ 9

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