Почему ошибка cannton GET?

Question

[Darkness]

Знаю, что пару лет назад были вопросы, но Не один из ответов не подошел. Может у меня где-то ошибка. Пробовал и без

port: 8080,
open: true,
notify: false

и с ними, все равно ошибка. И через командную строку и через powerShell и через командную строку IDE, все равно ошибка. Не могу получить index.html! Буду очень благодарен вам.
Файл index.html ТОЧНО в папке которую указываю. П.С. впервые пользуюсь данным сборщиком ( и вообще сборщиком)

var gulp = require('gulp');
var bs = require('browser-sync');

gulp.task('server', function(){
    bs.init({
        server: {
            baseDir: "./homework 16.12/",
        },
        port: 8080,
        open: true,
        notify: false
    });
    gulp.watch("homework 16.12/*.html").on('change', bs.reload);
});

Ошибка:

Comments

[RAX7]

Что за ошибка то?

[Darkness]

RAX7,

Почему ошибка cannton GET?

[RAX7]

Антон Добрынин, cannton GET что? Может из-за пробела в baseDir не там html ищет, может из-за того, что в доках к browser-sync написано

var browserSync = require('browser-sync').create();

[Darkness]

RAX7,

baseDir: "./homework 16.12/",

я вообще правильно путь указал? папка на рабочем столе, в этой папке все документы

[Darkness]

RAX7, html файл, на твой вопрос ответ. Т.е. обычный index.html

[RAX7]

Антон Добрынин, у тебя папка указана относительно текущей рабочей директории (то есть там где лежит gulpfile.js).

work_dir
    gulpfile.js
    package.json
    homework_16.12/
        index.html

[Darkness]

RAX7, а как указать что она в той же папке что и gulpfile.js ?

[RAX7]

Антон Добрынин, так homework_16.12 сейчас и прописана в той же папке, где и gulpfile.js, а ты говоришь:

папка на рабочем столе

.
Сделай как в документации написано:
- импортируй browser-sync правильно var bs = require('browser-sync').create();
- в baseDir: "./homework 16.12/", убери пробел и слеш в конце baseDir: "./homework_16.12",

[Darkness]

RAX7, да , верно. Папка на рабочем столе, а в этой папке все документы

[Darkness]

RAX7, Там же и gulpfile.js

[Darkness]

RAX7,

var gulp = require('gulp');
var bs = require('browser-sync').create();

gulp.task('server', function(){
    bs.init({
        server: {
            baseDir:"./homework 16.12",
        },
        port: 8080,
        open: true,
        notify: false
    });
    gulp.watch("homework 16.12/*.html").on('change', bs.reload);
});

в командной строке:

[14:57:58] Using gulpfile ~\Desktop\homework 16.12\gulpfile.js
[14:57:58] Starting 'server'...
[Browsersync] Access URLs:
------------------------------------
Local: localhost:8080
External: 192.168.1.4:8080
------------------------------------
UI: localhost:3001
UI External: localhost:3001
------------------------------------
[Browsersync] Serving files from: ./homework 16.12

[RAX7]

Попробуй

server: {
    baseDir: "./homework_16.12",
    directory: true
}

посмотри что браузер покажет

[RAX7]

Антон Добрынин, baseDir: "./",

[Darkness]

RAX7, не, тоже не пропускает. Браузер ругается (68 ошибок выкинул)

[Darkness]

RAX7, даот такой ответ, отмечу.

1) я переименовал без проблом.
2) задал вот такое , что ты написал,
3) обяз вписать в адресную строку /index.html
Тогда все ок! Спасибо за помощь! Жду ответа , чтобы отметить!

[RAX7]

Антон Добрынин,

3) обяз вписать в адресную строку /index.html

не обязательно, теперь убери из конфига directory: true и все будет ок.
Правильный ответ будет: неправильно задана baseDir. И в gulp.watch тоже поправь.
Ответ можешь сам написать, для закрепления понятого.

[Darkness]

RAX7, Да , ты прав, еще раз огромное спасибо!

Answer 1

[Darkness]

Благодаря RAX7 решили проблему.
1) Не правильно указанная baseDir: "./homework_16.12",

следует вот так : baseDir: "./"

2) А также подправить вот тут:

gulp.watch("homework 16.12/**.html").on('change', bs.reload);

на gulp.watch("/*.html").on('change', bs.reload);

3) Ну и чтобы не было обязательным вписыванием /index.html - нужно просто убрать directory: true

Еще раз спасибо за помощь RAX7

Comments

[RAX7]

Пожалуйста=)