browser sync cannot get что делать
BrowserSync Cannot GET /
I only have installed NodeJS and BrowserSync with this command:
After I use this command to start the server:
And I get the following error: Cannot GET /
I’m confused because I want to use BrowserSync with my Laravel project.
Where should I install BrowserSync?
11 Answers 11
Using BrowserSync as a server only works if you’re running a static site, so PHP won’t work here.
Looks like you’re using XAMPP to serve your site, you can use BrowserSync to proxy your localhost.
Because it works only with index.html by default, for example:
This article was extreamly helpful for getting browsersync to work with a PHP site.
These are what the configurations for both Grunt and Gulp should look like (taken from the article)
Grunt
You will need the grunt-php plugin
Gulp
You will need the gulp-connect-php plugin
this if or grunt users, I know gulp have different settings, have your local server setup but still not working, comment out or delete this line
Change «yoursitefolder with actual folder your root folder not theme, template folder you are working on check out https://browsersync.io/docs/grunt for more details Enjoy
Review Documentation: By default, the index file of the project, for example, can be index.html, but if it has a different name you must specify it with the following flag indicated in the documentation:
—index :Specify which file should be used as the index page
I hope I have helped you, see you.
This way you will get a directory listing of all the files in browser-sync’s root directory instead of the error.
You need to use the proxy option instead
Make sure you are in the directory where the index.html file is. You most probably running that command from the root directory of your project and this will not run unless you specify the index path.
BrowserSync only loads static files by default, if you want to use it to load a php file (index.php) you have to start the php server and then connect to it with browser sync via the proxy option.
You can achieve this with the following code. NB: This code goes into your webpack.config.js file.
Now within the plugins scope of your webpack config file you can instantiate our Serve object. NB: I’ll suggest it being the last plugin you call.
Ошибка в gulp browser-sync, как исправить?
Не пойму в чем проблема. Browser sync не хочет вотчить за html.
Директорию прописал, а он собака не видит
В чем прикол, когда я кидаю index.html из папки app, в папку где лежит gulpfile.js, то он вотчит. А какого он так делает? Я ему же говорю иди в папку app и бери там html.
Ребята хелп
Вот код
//подключаем пакеты
const < src, dest, parallel, series, watch >= require(‘gulp’);
const browserSync = require(‘browser-sync’).create();
const concat = require(‘gulp-concat’);
const uglify = require(‘gulp-uglify-es’).default;
const sass = require(‘gulp-sass’);
const autoprefixer = require(‘gulp-autoprefixer’);
const cleancss = require(‘gulp-clean-css’);
const imagemin = require(‘gulp-imagemin’);
const newer = require(‘gulp-newer’);
const del = require(‘del’);
function browsersync() <
browserSync.init( <
server: <
baserDir: ‘app/’
>,
port: 3000,
notify: false
// online: true
>);
>;
function scripts() <
return src([
‘node_modules/jquery/dist/jquery.min.js’, // Пример подключения библиотеки
‘app/js/app.js’, // Пользовательские скрипты, использующие библиотеку, должны быть подключены в конце
])
.pipe(concat(‘app.min.js’)) // Конкатенируем в один файл
.pipe(uglify()) // Сжимаем JavaScript
.pipe(dest(‘app/js’)) // Выгружаем готовый файл в папку назначения
.pipe(browserSync.stream()) // Триггерим Browsersync для обновления страницы
>;
function images() <
return src(‘app/image/src/**/*’)
.pipe(newer(‘app/image/dest/’))
.pipe(imagemin())
.pipe(dest(‘app/image/dest/’))
>
Не работает browser-sync в gulp
Здравствуйте.
Заранее извиняюсь, если ошибся разделом форума. Не нашёл куда приткнуть тему.
Пытаюсь запустить browserSync через консоль, через gulpfile.js
В гугле находил кучу решений типа «Указать браузер, поменять порт».
Ошибка та же.
Буду очень рад, если кто подсобит.
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Не сразу синхронизирует browser-sync в Gulp на IDE Phpstorm
Добрый день, использую Gulp с пакетом тасков в программе PhpStorm, запускаю весь пакет тасков через.
Node.js и browser sync
Вроде бы запустилось, а в итоге показывает Cannot GET /, что делать без понятия.
Почему не работает cin.clear() и как работает sync()?
#include #include using namespace std; char*input(char*ch,int&n)<.
Попробуйте запихнуть в gulpfile вот это :
Переход на Gulp v4 Перестал работать плагин сборщик спрайтов gulp.spritesmith
Перешел на новую версию Gulp (v4) и мой галп сборщик превратился в тыкву, Подскажите, как исправить.
Sync.WorkGroup / sync.Mutex
Здравствуйте, подскажите пожалуйста, можно ли каким-то образом передавать типы данных.
Gulp rigger и gulp include file при сборке html файла ломают верстку
Добрый вечер. Осваиваю gulp. На данном этапе мне нужна только вставка повторяющегося кода.
Почему не работает gulp?
var gulp = require(‘gulp’), browserSync = require(‘browser-sync’).create(), less =.
Не работает gulp (sass)
Всем привет!) Ребят, у кого была похожая проблема, поделитесь, пожалуйста опытом Правила форума.
Не работает Browser Link
Не могу добавить поддержку BrowserLink таким способом в классе Startup. Пример взят из книги.
gulp + браузер-синхронизация не может GET / ошибка
Я изучаю front-end build system в настоящее время gulp, я хочу использовать brower-sync, и проблема в том, что он не выдает ошибку в строке commad, но вместо этого, когда он вызывает браузер, он не будет отображать мой файл html и скажет «не может GET /» ошибка в окне браузера. Это мой код gulpfile.js
8 ответов
Я пытаюсь настроить синхронизацию браузера для работы через прокси: gulp.task(‘browser-sync’, function() < browserSync(< notify: false, browser: chrome, proxy:< host:localhost >>); >); Проблема в том, что он, кажется, не может работать с прокси напрямую, вместо этого запрашивает ручное размещение.
Вы также можете попробовать использовать public без ведущей точки.
Изменить: директива startPath config, похоже, не работает, вместо этого используйте index
Я заставил это работать, когда файл index.html находился в той же папке:
Надеюсь, это поможет.
Прежде чем спросить Здесь, я попытался найти похожую тему на overstockflow, но это не очень помогло. Итак, вот моя тема. Я использую browser-sync + gulp и у меня есть проблемы с перезагрузкой и просмотром. У меня есть gulpfile, и когда я запускаю gulp, он должен наблюдать и перезагружать все.
В моем случае это помогло мне:
Похожие вопросы:
Работает gulp служить, приводит следующее сообщение об ошибке: [BS] [debug] Getting option: socket.path [BS] [debug] Getting option: socket.namespace events.js:72 throw er; // Unhandled ‘error’.
Я установил плагин Browser-sync. В командной строке вставить gulp browser-sync и в firefox отображается не удается GET / по адресу http://localhost:3000/ В gulpfile.js находятся: var gulp =.
Я пытаюсь улучшить свою конфигурацию Gulp, чтобы включить синхронизацию браузера. В настоящее время я использую MAMP Pro, используя local.domain.com для каждого сайта, над которым я работаю.
Я пытаюсь настроить синхронизацию браузера для работы через прокси: gulp.task(‘browser-sync’, function() < browserSync(< notify: false, browser: chrome, proxy:< host:localhost >>); >); Проблема в.
это мой gulpfile.js var gulp = require(‘gulp’), browserSync = require(‘browser-sync’); gulp.task(‘browser-sync’, function() < browserSync(< server: < baseDir: './', >>) >) затем я запустил gulp.
Прежде чем спросить Здесь, я попытался найти похожую тему на overstockflow, но это не очень помогло. Итак, вот моя тема. Я использую browser-sync + gulp и у меня есть проблемы с перезагрузкой и.
После того как я запустил свою задачу по копированию шрифтов из bower_component, браузер, похоже, запутался с правильным путем. Это задача gulp для шрифтов: // Fonts gulp.task(‘fonts’, function() <.
Я создал несколько задач для перекомпиляции sass с помощью browser-sync всякий раз, когда вносятся изменения. Мой файл gulp выглядит следующим образом: ‘use strict’; var gulp = require(‘gulp’); var.
Живая перезагрузка
Живая перезагрузка — это техника в веб-разработке, которая позволяет разработчику видеть результат своего кода без обновления браузера.
В традиционном процессе вы должны нажать F5 или кнопку Обновить в своём браузере, чтобы попросить его обновить внесённые изменения. Это заставляет вас поочерёдно переключаться между редактором и браузером. Один раз, два, три раза и больше. Вы можете заметить, что эта привычка может оказаться очень утомительной и трудоёмкой.
Цель живой перегрузки — избежать ручной работы. Каждый раз, когда вы нажимаете Ctrl + S или сохраняетесь, ваш браузер будет перезагружаться самостоятельно. Круто!
Существует приложение под названием liveReload, которое вы могли бы использовать в сочетании с плагином Google Chrome, чтобы обеспечить живую перезагрузку. Я попытался заставить его работать как на Linux, так и Windows, но не мог. Поэтому, пожалуйста, простите меня. Одно несомненно, сегодня этот плагин есть с Gulp (gulp-livereload) и вы можете его опробовать.
Я не единственный, у кого не всё хорошо с liveReload. Большинство людей, несомненно, сталкивались со многими трудностями, пытаясь использовать его, так что они создали ему полную замену: gulp-browserSync.
Живая перезагрузка с gulp-browserSync
BrowserSync является вероятно одним из самых полезных плагинов, который хотелось бы иметь разработчику. Он на деле даёт вам возможность запустить сервер, на котором вы можете выполнять свои приложения. Он заботится о перезагрузке ваших HTML/PHP-файлов. У него также есть возможность обновить/внедрить CSS и JavaScript-файлы в HTML и многое другое. С помощью этого плагина вы идёте исключительно вперёд.
Теперь посмотрим, как это работает. Перейдите в папку проекта и установите плагин browser-sync так:
Включите его в файл gulpfile.js:
Задайте переменную paths вроде этого:
Эти файлы мы отслеживаем на любые изменения.
Мы создали задачу для файлов Sass и JavaScript, теперь давайте добавим одну для HTML-файлов.
Всё что делает эта задача — пропускает наш HTML-файл через функцию reload() из browser-sync. Если вы, к примеру, используете jade то могли бы компилировать его до перезагрузки.
Делаем то же самое с нашими существующими задачами:
browser-sync нужно знать расположение файлов, которые мы перезагружаем/синхронизируем и запустить мини-сервер основанный на этом; порт для прослушивания; прокси, если возможно и др. Посмотрите все варианты здесь.
Давайте настроим browser-sync и предоставим ему всю информацию.
Обратите внимание, что если вы не указали точный номер порта, browser-sync будет использовать порт 3000 по умолчанию.
Теперь добавьте эту задачу в задачу watcher:
И, наконец, подретушируем задачу default:
Окончательно файл gulpfile.js должен выглядеть следующим образом:
После этого перейдите в папку проекта, если вы ещё не там, и запустите gulp. Сделайте несколько изменений в HTML или Sass-файле и наблюдайте магию Gulp! Если всё пойдёт хорошо, в консоли у вас должно быть что-то вроде следующего.
Browser-sync и PHP-файлы
Измените файл index.html на index.php и подправьте пути так:
Gulp выполнит ваше приложение на http://localhost:8080, но вы увидите только это на странице:
Помните, перед выполнением любых инструкций PHP, вам нужен сервер PHP. Так что через эту ошибку Gulp пытается сказать нам, что никакого PHP-сервера не найдено.
Всё, что нам нужно сейчас сделать — это запустить сервер PHP вместе с нашими задачами. Для этого мы используем плагин gulp-connect-php.
Запуск PHP-сервера по требованию с browserSync
Прежде всего, начнём с установки плагина gulp-connect-php, который нам поможет.
Теперь включим его в gulpfile.js:
Добавим задачу php:
Обратите внимание: я создал сервер не из browserSync, а из PHP. Скорее создал прокси для browserSync.
Окончательный файл должен выглядеть следующим образом:
Резюме
Живая перезагрузка — это интересная функция, с которой вы действительно можете наслаждаться Gulp. По-прежнему есть несколько способов написания задач и особенно, когда сочетается browserSync и gulp-connect-php. Я приглашаю вас посмотреть соответствующие сайты ради новых идей.