Я использую Shoestrap, тему WordPress, основанную на Roots, которая использует Bootstrap и меньше. Я добавил Bootswatch Yeti theme variables.less в активы/less/bootstrap как замену существующего, а также добавил bootswatch.less. Затем я добавил bootswatch.less в bootstrap.less. Чтобы перекомпилировать, я запустил grunt
. Содержимое файла grunt я добавил here. Я столкнулся с двумя проблемами. Одна ошибка, которую я не знаю, как исправить, и одна серьезная проблема, которая заключается в том, что grunt, похоже, все время удаляет активы/css/main.min.css, а затем сообщает мне, что файл или каталог отсутствуют. Вот ошибки, которые я имел с --force
активировано:Grunt NameError: variable @gutter undefined
grunt --force
Running "clean:dist" (clean) task
Running "less:dist" (less) task
>> NameError: variable @gutter is undefined in assets/less/app.less on line 5, column 13:
>> 4 .gallery-row {
>> 5 padding: (@gutter/2) 0;
>> 6 }
Warning: Error compiling assets/less/app.less Used --force, continuing.
Running "uglify:dist" (uglify) task
File "assets/js/scripts.min.js" created.
Running "version" task
Warning: ENOENT, no such file or directory 'assets/css/main.min.css' Used --force, continuing.
Done, but with warnings.
Это был Byte Order Mark (BOM) подпись, которая была проблема, как я связан, прежде в этом вопросе. Но и TextWrangler, и Dreamweaver не удалили его. Я нашел одну команду, которая сделала помощь здесь: Using awk to remove the Byte-order mark И я побежал
awk '{if(NR==1)sub(/^\xef\xbb\xbf/,"");print}' app.less > app.less
, который работал как шарм! Только тема до сих пор не изменилась в стиле. Это довольно странно.
Update I Команда
AWK опорожнить мой app.less. Я бегала другая команда нашла здесь, а также: Using awk to remove the Byte-order mark и что команда:
sed -i .bak '1 s/^\xef\xbb\xbf//' *.less
сделал работу без удаления всех данных из app.less, но потом я снова получил ту же ошибку:
Reading assets/less/app.less...OK
>> NameError: variable @gutter is undefined in assets/less/app.less on line 5, column 13:
>> 4 .gallery-row {
>> 5 padding: (@gutter/2) 0;
>> 6 }
ли см TextMate добавил атрибуты и удалил их с помощью xattr -d com.macromates.caret file.less
, но это тоже не помогло.
Update II
Кажется, что переменная @gutter
не существует. Кажется, есть переменная @grid-gutter-width
. Спасибо, что у Roots Discourse я получил уведомление - http://discourse.roots.io/t/grunt-hits-a-snag-compiling-gutter-not-defined/940/3. Выполнение корректировки не помогает, хотя, поскольку другие переменные всплывают как проблемы. Посмотрите, смогу ли я получить некоторые отзывы от команды Shoestrap.
Все хорошо сейчас. Спасибо, миллиард! – rhand