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]()
Ответы
Ответ 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 до ее объявления. Не было никаких предупреждений или ошибок. Как только я переместил ссылку в нужное место, все это работало нормально.