Алексей, обновил галп с третьего до 4, но из состояния тыквы не вышел. Получаю в консоли при запуске:
[18:30:35] 'default' errored after 34 ms [18:30:35] The following tasks did not complete: watch, styles, browser-sync [18:30:35] Did you forget to signal async completion?

Я так понял, что где то не указал, что что-то должно быть ассинхронным? Только не пойму где и что.

при объявлении переменной через let или const возникает, вот такая ошибка
GulpUglifyError: unable to minify JavaScript
Caused by: SyntaxError: Unexpected token: keyword «const»

P.S если объявить через var то все работает, но я хочу использовать ES6 стандарт

P.P.S я знаю, что предыдущую проблему закрыли, но мне там, так и не дали ответа, на вопрос, почему не получается использовать ES6

При внесении изменений в файлы js приходится перезапускать вотчер для компиляции и подгрузки результирующего js.
Можно поправить?

Здравствуйте, как я могу собрать проект созданный на этой сборке (чтоб создалась папка dist), потому что никак не могу

При открытии index.html без gulp просто двойным кликом - не подгружаются стили. Мне нужно отправить сделанное задание на проверку. Как без билда сделать чтобы стили подгружались?

Hi,
Do you have some better documentation or a English Video Tutorial? I installed your framework and it looks very promising, but the documentation lacks some better explanation about how it all works.
Regards & Thanks,
David

Последняя сборка с использованием imagemin не работает
Постоянно пишет в ошибке что в этом файле перед options - 3 точки лишние

После выгрузки на сервер файлов обнаружил что ни один файл не подключился. Так же это и происходит если просто открыть файл index.html Не могу понять с чем это может быть связано

Hello. Why there is no build task in this version of starter, like it was in prev version?

Подскажите, как к этой сборке приделать gulp-rigger ?
При билде я его подключил, там он работает.
А вот куда его припихнуть, что бы он в браузерсинке отрабатывал ...

Подскажите, как к этой сборке приделать gulp-rigger ?
При билде я его подключил, там он работает.
А вот куда его припихнуть, что бы он в браузерсинке отрабатывал ...

Ошибка. Ранее все заводилось без проблем

https://take.ms/HT5Gb0

Здравствуйте Алексей, благодарю за ваш обучающий видео ролик о новом bootstrap. Жду когда выйдет видео ролик о OptimizedHTML-4, но уже возникла необходимость сделать фронт-энд проект, хотел воспользоваться вашим стартовым шаблоном, однако при установке получил кучу ошибок (прилагаю скриншоты). Пробовал переустановить gulp и node js, ничего не помогло. После команды gulp в терминале шаблон запускается, но поля ip адресов пустые, livereload не работает. Может быть вы сталкивались с такими же проблемами, и добавите информацию по их решение в новый ролик!

Здравствуйте, видимо после последнего обновления сместились media-breakpoint-down, тоесть:

+media-breakpoint-down(xs) - если установить под ним какие то значения то они переопределят то что есть в main.sass
+media-breakpoint-down(sm) - тут XS
+media-breakpoint-down(md) - тут SM
+media-breakpoint-down(lg) - тут MD
+media-breakpoint-down(xl) - тут LG

Как можно это исправить?

+media-breakpoint-up - вроде как работают правильно

При верстке возникает проблема, что высота body = 0, либо равна высоте viewport.

Причиной является строка №15 в файле:
app/scss/main.scss

html, body {
height: 100%;
}

Может кому-то пригодиться.

/*==========  Between media  breakpoints ==========*/

// 0 ==> 767.98px
+media-breakpoint-between(xs, sm)

// 576px <==> 991.98px
+media-breakpoint-between(sm, md)

// 768px <==> 1199.98px
+media-breakpoint-between(md, lg)

// 992px ==> max
+media-breakpoint-between(lg, xl)



/*==========  Only media  breakpoints ==========*/

// 0 ==> 575.98px
+media-breakpoint-only(xs)

// 576px <==> 767.98px
+media-breakpoint-only(sm)

// 768px <==> 991.98px
+media-breakpoint-only(md)

// 992px <==> 1199.98px
+media-breakpoint-only(lg)

// 1200px ==> max
+media-breakpoint-only(xl)

Не обновляется файл main.min.css если сохраняешь _*.sass файлы. Чтобы обновилось, нужно заходить в main.sass и пересохранять его.

В окне терминала он показывает что: 1 file changed (main.min.css) , но по факту в проводнике файл никак не изменился. Только когда изменяешь файл main.sass в свойствах файла main.min.css меняется время изменения и заносятся эти изменения из зависимых файлов.

Если была допущена ошибка в JS коде обработка останавливается.
Можно ли сделать по аналогии с sass? Чтобы в консоль выдавалась ошибка но можно было исправить ошибку и результирующий файл компилировался в обычном порядке?

После установки всех модулей с помощью "npm install", при попытке запустить gulp появляется ошибка с просьбой установить сначала gulp-util, далее установить gulp-sass и все зависимости вручную.. Чем может быть вызвано такое поведение?

$ gulp
[11:40:10] Using gulpfile /media/DATA/DEV/OptimizedHTML/gulpfile.js
/usr/lib/node_modules/gulp/bin/gulp.js:129
gulpInst.start.apply(gulpInst, toRun);
^

TypeError: Cannot read property 'apply' of undefined
at /usr/lib/node_modules/gulp/bin/gulp.js:129:20
at processTicksAndRejections (internal/process/task_queues.js:75:11)

Если в _media.sass менять параметры которые уже были указаны для данного селектора в main.sass, то они игнорируются, помогает только указание для каждого параметра !important. Это баг или фича?

пример:

main.sass :

.selector
   left: 100px


_media.sass : 

+media-breakpoint-down(sm)
  .selector
    left: 20px
    color: red

В этом примере left: 20px будет проигнорирован, а color: red применится. Если указать left: 20px !important, только в этом случае он будет учтен.

В scss файлах все работает отлично и никаких проблем с _media.scss не было замечено.

Привет, что то стартовый шаблон перестал запускаться, выдает такую ошибку:

Message:
Error: Could not execute GraphicsMagick/ImageMagick: gm "identify" "-ping" "-format" "%wx%h" "-" this most likely means the gm/convert binaries can't be found
Details:
domainEmitter: [object Object]
domainThrown: false

старые версии работают

После запуска в консоле всплывает две таких ошибки:
Unchecked runtime.lastError: The message port closed before a response was received. (index):1

@agragregra, в миксине _font-face.sass я увидел возможность подключений шрифта с помощью строки
src: font-url
Но нигде не могу найти информацию о свойстве "font-url". Это устаревшие свойство?

После ввода команды npm install отображаются предупреждения в консоли

Добрый день. Подскажите, пожалуйста, как можно использовать gulp-rigger? Есть очень большое желание разбить html-файл на блоки.

Если включить минификацию js, то uglifyJs кидает ошибки при использовании ES6, не поддерживается ни новые ключевые слова для объявления переменных (let, const), ни стрелочные функции и т.д прошу исправить, ведь в 2019 пора следовать стандарту ES6, при написании js кода

При запуске Gulp выдаёт ошибку.

С тертьей версией работает нормально. Подскажите, куда копать?

Почему сборка не устанавилвается на Ubuntu?
Вот такие вот ошибки вылетают

` gyp verb download contents checksum {"node-v10.15.3-headers.tar.gz":"9e97ee69072836bfbf2a85c4af627ed152574c30c5a32e40fbfcdfda8d9b562e"}
gyp verb validating download checksum for node-v10.15.3-headers.tar.gz (9e97ee69072836bfbf2a85c4af627ed152574c30c5a32e40fbfcdfda8d9b562e == 9e97ee69072836bfbf2a85c4af627ed152574c30c5a32e40fbfcdfda8d9b562e)
gyp verb get node dir target node version installed: 10.15.3
gyp verb build dir attempting to create "build" dir: /home/opimand1/Downloads/OptimizedHTML-4-master/node_modules/node-sass/build
gyp ERR! configure error
gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/opimand1/Downloads/OptimizedHTML-4-master/node_modules/node-sass/build'
gyp ERR! System Linux 5.0.0-15-generic
gyp ERR! command "/usr/local/bin/node" "/home/opimand1/Downloads/OptimizedHTML-4-master/node_modules/node-gyp/bin/node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /home/opimand1/Downloads/OptimizedHTML-4-master/node_modules/node-sass
gyp ERR! node -v v10.15.3
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1
npm WARN [email protected] No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/opimand1/.npm/_logs/2019-05-27T15_34_39_341Z-debug.log
opimand1@undefined:/Downloads/OptimizedHTML-4-master$ gedit home/opimand1/.npm/_logs/2019-05-27T15_34_39_341Z-debug.log
opimand1@undefined:/Downloads/OptimizedHTML-4-master$

`

Деплой сразу на сервер хорош, все же бывают ситуации когда он попросту не нужен, так как отдать нужно исключительно верстку.

Так же вопрос почему не используеться babel?
ES6 уже почти стандарт и сокращает время написания очень сильно.
В то же время IE 9/10+ так же являеться стандартом а там половина популярных плагинов по типу "glide.js" не работают.

Обратите внимание на то, что в файле _media.sass содержатся ошибки, согласно новых стандартов сетки. У вас значение md должно быть за менено на lg (в комментариях) и добавить новый диапазон xl

I tried gulp rsync but it's getting failed. eventually I want to deploy this site to netlify..

[02:59:04] Starting 'rsync'...
[02:59:04] gulp-rsync: Starting rsync to [email protected]:yousite/public_html/...
[02:59:04] gulp-rsync: 'rsync' is not recognized as an internal or external command, [02:59:04] gulp-rsync:
[02:59:04] gulp-rsync: operable program or batch file. [02:59:04] gulp-rsync:
[02:59:04] gulp-rsync:  [02:59:04] 'rsync' errored after 151 ms
[02:59:04] Error in plugin 'gulp-rsync'
Message:
    Error: rsync exited with code 1
    at ChildProcess.<anonymous> (D:\Work\My Work\Projects\Pending\My Portfolio Website\Implementing\dulanhewage_portfolio\node_modules\gulp-rsync\rsync.js:110:17)
    at emitTwo (events.js:126:13)
    at ChildProcess.emit (events.js:214:7)
    at maybeClose (internal/child_process.js:925:16)
    at Socket.stream.socket.on (internal/child_process.js:346:11)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at Pipe._handle.close [as _onclose] (net.js:554:12)
[02:59:04] gulp-rsync: Completed rsync.

D:\Work\My Work\Projects\Pending\My Portfolio Website\Implementing\dulanhewage_portfolio>gulp rsync
[03:01:18] Using gulpfile D:\Work\My Work\Projects\Pending\My Portfolio Website\Implementing\dulanhewage_portfolio\gulpfile.js
[03:01:18] Starting 'rsync'...
[03:01:18] gulp-rsync: Starting rsync to [email protected]:yousite/public_html/...
[03:01:18] gulp-rsync: 'rsync' is not recognized as an internal or external command, [03:01:18] gulp-rsync:
[03:01:18] gulp-rsync: operable program or batch file. [03:01:18] gulp-rsync:
[03:01:18] gulp-rsync:  [03:01:18] 'rsync' errored after 127 ms
[03:01:18] Error in plugin 'gulp-rsync'
Message:
    Error: rsync exited with code 1
    at ChildProcess.<anonymous> (D:\Work\My Work\Projects\Pending\My Portfolio Website\Implementing\dulanhewage_portfolio\node_modules\gulp-rsync\rsync.js:110:17)
    at emitTwo (events.js:126:13)
    at ChildProcess.emit (events.js:214:7)
    at maybeClose (internal/child_process.js:925:16)
    at Socket.stream.socket.on (internal/child_process.js:346:11)
    at emitOne (events.js:116:13)
    at Socket.emit (events.js:211:7)
    at Pipe._handle.close [as _onclose] (net.js:554:12)
[03:01:18] gulp-rsync: Completed rsync.

[14:02:23] Error in plugin "gulp-gm"
Message:
Error: Could not execute GraphicsMagick/ImageMagick: gm "identify" "-ping" "-format" "%wx%h" "-" this most likely means the gm/convert binaries can't be found
Details:
domainEmitter: [object Object]
domain: [object Object]
domainThrown: false

[14:02:23] 'img' errored after 298 ms
[14:02:23] 'default' errored after 302 ms
[14:02:23] The following tasks did not complete: styles, scripts, browser-sync, watch, img2x
[14:02:23] Did you forget to signal async completion?

Пишу не потому что не сумею подключить, а потому как идет в коробке и не работает.
Пытался Navbar сделать
`

		<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
			<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
				<li class="nav-item active">
					<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
				</li>
				<li class="nav-item">
					<a class="nav-link" href="#">Link</a>
				</li>
				<li class="nav-item">
					<a class="nav-link disabled" href="#">Disabled</a>
				</li>
			</ul>
			<form class="form-inline my-2 my-lg-0">
				<input class="form-control mr-sm-2" type="search" placeholder="Search">
				<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
			</form>
		</div>
	</nav>
</div>

Подскажите пожалуйста, как правильно использовать gulp (optimizedHTML4 + wordpress), какие настройки необходимо изменить, чтобы все работало не на костылях

1. Проблема rsync: Cannot find module 'gulp-util' - я так понимаю ее нужно до установить? (удалял папку node_modules и заново устанавливал npm i)
2. Проблема с объединением css: в прошлых версиях все стили из добавляемых библиотек добавлялись в main.min.css, а теперь они импортируются, тоесть в файле main.min.css появляются такие строчки @import "../libs/owl.carousel/dist/assets/owl.carousel.min.css" папку с lib теперь тащить нужно. Я пробовал добавлять файлы scss но там много ошибок появляется

Я бы сделал базу вместе с fontawesome.
Чтобы это сделать сейчас:

• качаем шрифт bower install components-font-awesome --save
• в файле sass/_libs.sass добавляем
  @import "../libs/components-font-awesome/scss/fontawesome.scss"
  и сам шрифт solid/regular
  @import "../libs/components-font-awesome/scss/solid.scss"
  Все!
  Так же я бы поставил jade/pug, но видимо это только моя хотелка, очень мало чуваков юзают этот синтакс

Здравствуйте, можете развеять мои подозрения. Я давно у вас качаю это сборку (кстати спасибо, очень круто, вы профи), и никогда не было плавной прокрутки по клику на якорь по умолчанию, а после обновления появилось, и непонятно от куда ноги растут. Я пробовал отключать библиотеки которые использую - не помогло, менял jquery брал его с прошлых проектов, тоже не помогло, все скрипты которые писал удалял, да че там я удалял все из scripts.min.js, и все равно плавная прокрутка присутствует, всю голову сломал. Ничего против плавной прокрутки не имею, если она тут каким то образом подключена, может есть какие то настройки для нее?