Помоги с Gulp. Как исправить ошибку?

Question

[Павел migelonio]

Смотрю видео по установке Gulp. Переписал весь код, как показано в видео и даже проверил на ошибки (исправил несколько). В видео показано, что должна запуститься страница, но у меня ничего не происходит. Как видете на фото, пишет: build is not defind. Что делать?

Comments

[Михаил]

мужик ты серьёзно?

[Павел migelonio]

Михаил, ?

[Павел migelonio]

Пашенька, :)@like-a-boss,

[Павел migelonio]

Пашенька, мммммм.....спасибо

[Павел migelonio]

Пашенька, нет, не помогает

[Модератор]

Павел Вишняков, дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[Сергей delphinpro]

Код файла выкладывайте. Не картинками.
Судя по ошибке у вас в файле не определена переменная build. Это не галп. Это основы javascript.

[Павел migelonio]

Сергей delphinpro, let project_folder = "dist";
let source_folder = "#src";

let path ={
build: {
html: project_folder +"/",
css: project_folder +"/css/",
js: project_folder +"/js/",
img: project_folder +"/img/",
fonts: project_folder +"/fonts/",
},
src: {
html: source_folder +"/*.html",
css: source_folder +"/css/style.css",
js: source_folder +"/js/script.js",
img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
fonts: source_folder +"/fonts/*.ttf",
},
src: {
html: source_folder +"/**/*.html",
css: source_folder +"/css/**/*.css/",
js: source_folder +"/js/**/*.js/",
img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
},
clean: "./" + project_folder + "/"
}

let {src, dest} = require('gulp'),
gulp = require('gulp'),
browsersync = require("browser-sync").create();

function browserSync(params) {
browsersync.init({
server:{
baseDir: "./" + project_folder + "/"
},
port: 3000,
notify: false
})
}

function html() {
return src(path.src.html)
.pipe(dest(past.build.html))
.pipe(browsersync.stream())
}

let buld = gulp.series(html);

let watch = gulp.parallel(build,browserSync);

exports.html = html;
exports.build = build;
exports.watch = watch;
exports.default = watch;

[Сергей delphinpro]

Павел Вишняков, Да ё-моё, Павел, ты что как маленький ребенок!!! Код нужно оформлять соответствующим тегом. чтобы мы могли нормально его читать.

[Сергей delphinpro]

У тебя банальная опечатка в коде. Сам найдешь.

[Павел migelonio]

Сергей delphinpro, найду...

[Павел migelonio]

Сергей delphinpro, нет, не помогает

[Сергей delphinpro]

Павел Вишняков, что не помогает?

[Павел migelonio]

Сергей delphinpro, исправил ошибку, не помогло

[Сергей delphinpro]

Павел Вишняков, Ошибка та же самая? что именно исправил?
Совет: для скорейшего решения проблемы всегда давай максимум информации.

[Павел migelonio]

Сергей delphinpro, исправил buld на build, в конце

[Сергей delphinpro]

Павел Вишняков, это не всё. IDE же подсвечивать должна такие ошибки.
1. ключ src повторяется в объекте path
2. еще одна опечатка в строчке .pipe(dest(past.build.html))

Форматируй код.
Используй хороший редактор
Будь внимательнее.

[Павел migelonio]

Сергей delphinpro, все ещё есть *build is not defined

[Павел migelonio]

Сергей delphinpro, ну так что??

[Павел migelonio]

Сергей delphinpro, я тебе код прислал. Что еще тебе нужно, так и говори

[Сергей delphinpro]

Павел Вишняков, скидывай весь проект. помогу по доброте душевной.

[Павел migelonio]

Сергей delphinpro, gulpfile.js :
let project_folder = "dist";
let source_folder = "#src";

let path ={
build: {
html: project_folder +"/",
css: project_folder +"/css/",
js: project_folder +"/js/",
img: project_folder +"/img/",
fonts: project_folder +"/fonts/",
},
src: {
html: source_folder +"/*.html",
css: source_folder +"/css/style.css",
js: source_folder +"/js/script.js/",
img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
fonts: source_folder +"/fonts/*.ttf",
},
src: {
html: source_folder +"/**/*.html",
css: source_folder +"/css/**/*.css/",
js: source_folder +"/js/**/*.js/",
img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
},
clean: "./" + project_folder + "/"
}

let {src, dest} = require('gulp'),
gulp = require('gulp'),
browsersync = require("browser-sync").create();

function BrowserSync(params) {
browsersync.init({
server:{
baseDir: "./" + project_folder + "/"
},
port:3000,
notify: false
})
}

function html() {
return src(path.src.html)
.pipe(dest(path.build.html))
.pipe(browsersync.stream())
}

let build = gulp.series(html);

let watch = gulp.parallel(build,browserSync);

exports.html = html;
exports.build = build;
exports.watch = watch;
exports.default = watch;

[Павел migelonio]

Сергей delphinpro, package.json :
{
"name": "fls-gulp",
"version": "1.0.0",
"description": "сборка gulp",
"main": "index.html",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "fls",
"license": "ISC",
"devDependencies": {
"browser-sync": "^2.26.13",
"gulp": "^4.0.2"
}
}

[Павел migelonio]

Сергей delphinpro, package-lock.json наверное нет смысла выклдывать, так как там не мой код, а код который был создал автоматически

[Сергей delphinpro]

Павел Вишняков, я проверил.
Вот этого нет (а ты говоришь, что эта ошибка повторяется):

все ещё есть *build is not defined

Вот это не исправлено:

1. ключ src повторяется в объекте path

И есть еще одна ошибка/опечатка/невнимательность. В редакторе ее прекрасно видно:

[Павел migelonio]

Сергей delphinpro, Исправил *BrowserSync* в *let watch = gulp....* теперь не определена browserSync. С маленькой буквы

let project_folder = "dist";
let source_folder = "#src";

let path ={
build: {
html: project_folder +"/",
css: project_folder +"/css/",
js: project_folder +"/js/",
img: project_folder +"/img/",
fonts: project_folder +"/fonts/",
},
src: {
html: source_folder +"/*.html",
css: source_folder +"/css/style.css",
js: source_folder +"/js/script.js/",
img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
fonts: source_folder +"/fonts/*.ttf",
},
watch: {
html: source_folder +"/**/*.html",
css: source_folder +"/css/**/*.css/",
js: source_folder +"/js/**/*.js/",
img: source_folder +"/img/**/*.{jpg,png,svg,gif,ico,webp}",
},
clean: "./" + project_folder + "/"
}

let {src, dest} = require('gulp'),
gulp = require('gulp'),
browsersync = require("browser-sync").create();

function BrowserSync(params) {
browsersync.init({
server:{
baseDir: "./" + project_folder + "/"
},
port:3000,
notify: false
})
}

function html() {
return src(path.src.html)
.pipe(dest(path.build.html))
.pipe(browsersync.stream())
}

let build = gulp.series(html);

let watch = gulp.parallel(build, BrowserSync);

exports.html = html;
exports.build = build;
exports.watch = watch;
exports.default = watch;

[Сергей delphinpro]

Павел Вишняков, Сейчас у тебя всё правильно. И никаких ошибок нет. Файл не забыл сохранить? =)

[Павел migelonio]

Сергей delphinpro, файл, то есть весь проект?

[Сергей delphinpro]

Павел Вишняков, этот файл, который исправлял, gulpfile.js

[Павел migelonio]

Сергей delphinpro, все работает, спасибо :)

[Павел migelonio]

Сергей delphinpro, Спасибо, за потраченное время ;)

[Сергей delphinpro]

Павел Вишняков, что, серьезно забыл файл сохранить? =)

Я бы порекомендовал скачать webStorm/ 30 дней бесплатно. На период обучения он здорово поможет своими подсказками. потом вернешься на бесплатный vsCode

[Павел migelonio]

Сергей delphinpro, окей, сейчас посмотрю

[Павел migelonio]

Сергей delphinpro, Можно еще вопрос? Как видите, после команды gulp в терминале, открывается окно браузера, где написано error и cant get. В видеообучении, которое я смотрю, парень убирает ошибку и у него появляется новая папка - dist, с html файлом внутри. Вопрос: как убрать ошибку и получить просто, чистую веб-страницу. (код у меня такой же, как и в видео)

[Павел migelonio]

Сергей delphinpro, да, я установил webstorm. Программа подчеркивает мне require и exports, а так же browsersync = require

[Павел migelonio]

Сергей delphinpro, только что решил проблему, добавив в проект папку dist и в нее файл index.html. Хотя по видео, папка должна создаться автоматически. Странно, но проблема решена

[Сергей delphinpro]

Павел Вишняков, у вас должен быть исходный файл src/index.html — он скопируется в папку dist и браузер откроется и покажет без ошибок. Папка dist будет создана автоматически, если ее нет.

[Павел migelonio]

Сергей delphinpro, такой файл есть, но он не скопировался. Я надеюсь, что ничего, если я добавил папку dist и index.html самостоятельно. По крайней мере, теперь все хорошо