Gulp-rigger. Почему выскакивает ошибка при импорте в шаблон субшаблона?

Question

[Влад]

Сборка происходит в Gulp 4.
Имеется основной index.html
В него с помощью "gulp-rigger": "^0.5.8" импортируются html-шаблоны.
Когда я в один из таких шаблонов пытаюсь импортировать субшаблон, то в вылетает следующая ошибка.

Starting 'html_build'...
[16:00:47] 'html_build' errored after 120 ms
[16:00:47] TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received undefined
    at Function.from (buffer.js:333:9)
    at new Buffer (buffer.js:289:17)
    at C:\OSPanel\domains\my-site\node_modules\gulp-rigger\index.js:20:29
    at Rigger.<anonymous> (C:\OSPanel\domains\my-site\node_modules\rigger\index.js:719:9)

    /* etc... */

Не могу понять чем связана эта ошибка?
Примечательно то, что ведь в другом проекте с таким же package.json подобный импорт с помощью Ригера работает!
В чём тут косяк?

Answer 1

[Vyach Gor]

Хотелось бы посмотреть на конфиг второго проекта, так как сколько работал с "gulp-rigger" (года 3 -4 точно) - там всегда было невозможно работать с вложенными импортами. Предположу что во втором проекте импорты реализованы другим способом.

Comments

[Влад]

Хм.. Забавно. Рад, что вас это заинтересовало. Давайте разбираться.

Сейчас запустил второй проект, всё работает
Вот инфа по нему:

"dependencies": {
    "@fortawesome/fontawesome-free": "^5.15.2",
    "@popperjs/core": "^2.8.3",
    "animate.css": "^3.7.0",
    "bootstrap": "^5.0.0-beta2",
    "caniuse-lite": "^1.0.30001168",
    "chart.js": "^2.9.4",
    "font-awesome": "^4.7.0",
    "fslightbox": "^3.2.2",
    "highlight.js": "^10.6.0",
    "jquery": "^3.5.1",
    "simplebar": "^5.3.0",
    "swiper": "^6.4.11",
    "wow.js": "^1.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.12.10",
    "@babel/preset-env": "^7.12.10",
    "babel-loader": "^8.2.2",
    "browser-sync": "^2.26.13",
    "browserslist": "^4.16.3",
    "del": "^6.0.0",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^6.1.0",
    "gulp-cache": "^1.1.2",
    "gulp-clean-css": "^4.3.0",
    "gulp-htmlmin": "^5.0.1",
    "gulp-if": "^3.0.0",
    "gulp-imagemin": "^6.2.0",
    "gulp-newer": "^1.4.0",
    "gulp-plumber": "^1.2.1",
    "gulp-rename": "^1.4.0",
    "gulp-rigger": "^0.5.8",
    "gulp-sass": "^4.1.0",
    "gulp-sourcemaps": "^2.6.5",
    "imagemin-jpeg-recompress": "^6.0.0",
    "imagemin-pngquant": "^8.0.0",
    "terser-webpack-plugin": "^4.2.3",
    "webpack": "^4.46.0",
    "webpack-stream": "^6.1.1"
  }

// html build
function html_build () {
    return gulp.src(path.src.html) // get all html files
        .pipe(plumber()) // gulp plugins bug tracking
        .pipe(rigger()) // templates import
        .pipe(gulpif(prodMode, htmlMin({
            sortAttributes: true,
            sortClassName: true,
            collapseWhitespace: true
        })))
        .pipe(gulp.dest(path.build.html)) // build html
        .pipe(browserSync.reload({ stream: true })); // browser-sync reload
}

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

[Vyach Gor]

Xм...провел тесты - действительно то ли обновили (как давно делали второй проект?) - то ли до этого был мой косяк ) и теперь вложенность работает без ограничений. Как вариант проверь правильность пути (файл contact-form.html должен быть в одной папке с файлом contacts.html) - так как на скринах этого не видно.

[Влад]

Vyach Gor, на скринах виден путь. Всё в одной папке. Я кажется догадываюсь в чем тут дело. Но я отъехал. Приеду, проверю свою гипотезу и отпишу!

[Влад]

Vyach Gor, Короче, тут вот в чём дело.
Используя gulp-rigger, надо делать на манер SPA как в React –
т.е. один вход для html.

Я забыл поправить путь к сорсу для gulp.src!
У меня было вот так: 'assets/src/**/*.html'
Т.о. Gulp тянул все html-файлы в сборку.

А когда я прописал путь вот так: 'assets/src/index.html',
то вуаля! Всё работает! :)
Я оставил вот так: 'assets/src/*.html',
на случай дополнительных страниц.

Так что ларчик просто открывался. Ничего там в ригере они не правили.
Если ты посмотришь свой gulpfile.js, то увидишь, что у тебя скорее всего тоже в этом была проблема.

Сам задал вопрос, сам и ответил на него – это в моём репертуаре )))

[Vyach Gor]

Ну да в принципе логично ) и спасибо за наводку что в gulp-rigger все таки возможна вложенность