Ошибка cannot get при запуске browser sync

После выполнения всех последовательных шагов в уроке 3.4. Планировщик задач Gulp после запуска команды gulp в терминале появляется 
gulp
[10:40:51] Using gulpfile ~DesktopУчебный 1Projekt Ubergulpfile.js
[10:40:51] Starting ‘default’…
[10:40:51] Starting ‘watch’…
[10:40:51] Starting ‘server’…
[10:40:51] Starting ‘styles’…
[10:40:51] Finished ‘styles’ after 127 ms
[Browsersync] Access URLs:
—————————————
Local: http://localhost:3000
External: http://192.168.31.219:3000
—————————————
UI: http://localhost:3001
UI External: http://localhost:3001
—————————————
[Browsersync] Serving files from: src  Далее запускается браузер в нем следующая ошибка Cannot GET в адресной строке http://localhost:3000. переустановка пакетов результата не дала та же ошибка. 

Package json 

{
  «name»: «scr»,
  «version»: «1.0.0»,
  «main»: «index.js»,
  «scripts»: {
    «test»: «echo «Error: no test specified» && exit 1″
  },
  «author»: «»,
  «license»: «ISC»,
  «devDependencies»: {
    «browser-sync»: «^2.26.7»,
    «gulp»: «^4.0.2»,
    «gulp-autoprefixer»: «^7.0.1»,
    «gulp-clean-css»: «^4.3.0»,
    «gulp-cli»: «^2.3.0»,
    «gulp-rename»: «^2.0.0»,
    «gulp-sass»: «^4.1.0»
  },
  «description»: «»
}

Файл  gulpfile.json скачан с репозитория 

const gulp        = require(‘gulp’);
const browserSync = require(‘browser-sync’);
const sass        = require(‘gulp-sass’);
const cleanCSS = require(‘gulp-clean-css’);
const autoprefixer = require(‘gulp-autoprefixer’);
const rename = require(«gulp-rename»);

gulp.task(‘server’, function() {

    browserSync({
        server: {
            baseDir: «src»
        }
    });

    gulp.watch(«src/*.html»).on(‘change’, browserSync.reload);
});

gulp.task(‘styles’, function() {
    return gulp.src(«src/sass/**/*.+(scss|sass)»)
        .pipe(sass({outputStyle: ‘compressed’}).on(‘error’, sass.logError))
        .pipe(rename({suffix: ‘.min’, prefix: »}))
        .pipe(autoprefixer())
        .pipe(cleanCSS({compatibility: ‘ie8’}))
        .pipe(gulp.dest(«src/css»))
        .pipe(browserSync.stream());
});

gulp.task(‘watch’, function() {
    gulp.watch(«src/sass/**/*.+(scss|sass)», gulp.parallel(‘styles’));
})

gulp.task(‘default’, gulp.parallel(‘watch’, ‘server’, ‘styles’));

В чем ошибка не могу понять поэтапно повторял несколько раз те же шаги результат один

при запуске команды gulp запускается браузер а там ошибка Cannot GET.

Помогите Пожайлуста кто может!

index.html лежит в папке src 

Cannot GET #5

I can’t get around the browser saying:
Cannot GET /mvyc/add-members.php

my config file is:
module.exports = <
files: «*.css»,
debugInfo: true,
host: «192.168.1.65»,
ghostMode: <
links: true,
forms: true,
scroll: true
>,
server: <
baseDir: «./mvyc»
>,
open: true
>;

ive tried different variations of the directory im in for baseDir setting. ive set it at:

mvyc, and ./, and nothing and at most the command line says its watching 1 file, but the browser doesn’t seem to be able to connect. is this a firewall thing or something else.

The text was updated successfully, but these errors were encountered:

its not a firewall issue, I turned it off and same results.
im sure it has something to do with me not getting how the paths relate to each other in the congig file. for instance when I run browser-sync —config my.js . it starts and watches the one file, but I notice it says serving files from: c:usersnormanwebsitesmvyc/mvyc

notice how the last directory has the backslash go forward? its using a non windows directory structure kinda. windows local use backslash and other OS’s and the internet uses forward. thought I would mention this if it means anything.

The built-in server is for serving static files (html, css, js etc).

You need to use a php server as you did before.

(will update the docs to make this clearer)

Cannot GET /mvyc/add-members.php

browser-sync cannot be used as a php server.

If you have mamp already running, then you should not be using the server option in browser-sync

YES. that was it. I removed the server settings from my config file and for the files used *.css and it gave me the snippet and says watching 1 file. and now it lets me load my PHP files. And as soon as I save my edits to my .css files it updates instantly. It is pretty fast!

thanks Shaky! This is likely the cause for #6 also.

So what caused my issue was just a misunderstanding of the setup instructions, which may benifit from you making this point clear. If you have WAMP etc. you dont need to use the server setting.

But, USING the server setting lets you avoid pasting the snippets, so you may want to work on it so people with WAMP have all the files served also and can avoid the snippet pasting, but I can live with it.

Amazing time saver and I have some serious CSS’ing to do so THANK YOU.

I also noticed that the command line says to paset the code just before the body tag of your WEBSITE. It should say of your FILE.

Источник

Ошибка при запуске gulp

После выполнения всех последовательных шагов в уроке 3.4. Планировщик задач Gulp после запуска команды gulp в терминале появляется
gulp
[10:40:51] Using gulpfile

DesktopУчебный 1Projekt Ubergulpfile.js
[10:40:51] Starting ‘default’.
[10:40:51] Starting ‘watch’.
[10:40:51] Starting ‘server’.
[10:40:51] Starting ‘styles’.
[10:40:51] Finished ‘styles’ after 127 ms
[Browsersync] Access URLs:
—————————————
Local: http://localhost:3000
External: http://192.168.31.219:3000
—————————————
UI: http://localhost:3001
UI External: http://localhost:3001
—————————————
[Browsersync] Serving files from: src Далее запускается браузер в нем следующая ошибка Cannot GET в адресной строке http://localhost:3000. переустановка пакетов результата не дала та же ошибка.

<
«name»: «scr»,
«version»: «1.0.0»,
«main»: «index.js»,
«scripts»: <
«test»: «echo »Error: no test specified» && exit 1″
>,
«author»: «»,
«license»: «ISC»,
«devDependencies»: <
«browser-sync»: «^2.26.7»,
«gulp»: «^4.0.2»,
«gulp-autoprefixer»: «^7.0.1»,
«gulp-clean-css»: «^4.3.0»,
«gulp-cli»: «^2.3.0»,
«gulp-rename»: «^2.0.0»,
«gulp-sass»: «^4.1.0»
>,
«description»: «»
>

Файл gulpfile.json скачан с репозитория

const gulp = require(‘gulp’);
const browserSync = require(‘browser-sync’);
const sass = require(‘gulp-sass’);
const cleanCSS = require(‘gulp-clean-css’);
const autoprefixer = require(‘gulp-autoprefixer’);
const rename = require(«gulp-rename»);

gulp.task(‘watch’, function() <
gulp.watch(«src/sass/**/*.+(scss|sass)», gulp.parallel(‘styles’));
>)

gulp.task(‘default’, gulp.parallel(‘watch’, ‘server’, ‘styles’));

В чем ошибка не могу понять поэтапно повторял несколько раз те же шаги результат один

при запуске команды gulp запускается браузер а там ошибка Cannot GET.

Источник

Browser-sync with WAMP #6

I just downloaded browser-sync (windows 7, wamp. ST2, gitbash) and that seemed to go OK. I went into a local site folder and set it to watch all css files

browser-sync —files «app/css/*.css» —server

and that seemed to go OK and I got ‘Serving files from. [the correct folder], Go load a browser & check back here. etc’. I then opened the site in Firefox but the sync is not working.

Is there a particular way I have to load the browser to make it work?

The text was updated successfully, but these errors were encountered:

I have same issue open in #5 . you get the «cant GET» error in browser right?
im trying and see if I have to adjust settings in my routers gateway or something for port 3001. I doubt it or else the author would have mentioned it I figure.

Yes, that’s exactly it

On 29/10/2013 17:20, databaseindays wrote:

I have same issue open in #5
#5 . you get the
«cant GET» error in browser right?
im trying and see if I have to adjust settings in my routers gateway
or something for port 3001. I doubt it or else the author would have
mentioned it I figure.

—
Reply to this email directly or view it on GitHub
#6 (comment).

Are you expecting it to serve PHP files for you?

If you are, that’s an error on my part for not being clearer in the Docs.

The server included is a node-based server good for serving static files (html, css, js etc) — you still need to sue WAMP as your php server.

Shane, thanks for responding. but you closed #5 assuming that I was not using WAMP. I am using WAMP. 🙂 and still getting the can’t GET thing. I can serve all local file except the ones with the browser-sync port added to it.

For instance this serves my files as expected:
http://192.168.1.65/mvyc

this returns a normal browser «unable to load page» error. no browser-sync running.
http://192.168.1.65:3001/

and the same thing above WITH browser-sync running returns:
Cannot GET

This appears to be a legit issue IMHO.

Please consider reopening #5

Im on windows Vista, using wamp and running browser-sync from GIT Bash command line using server and config file. I was able to install from command line easily and its watching files.

Источник

BrowserSync не может GET/

Я установил только NodeJS и BrowserSync с помощью этой команды:

После использования этой команды для запуска сервера:

И я получаю следующую ошибку: Невозможно GET/

Я запутался, потому что хочу использовать BrowserSync с моим проектом Laravel.

Где я должен установить BrowserSync?

ОТВЕТЫ

Ответ 1

Использование BrowserSync в качестве сервера работает только в том случае, если вы используете статический сайт, поэтому PHP не будет работать здесь.

Похоже, вы используете XAMPP для обслуживания своего сайта, вы можете использовать BrowserSync для проксирования своего локального хоста.

Ответ 2

Поскольку он работает только с index.html по умолчанию, например:

Чтобы видеть вашу статическую веб-страницу в веб-браузере вместо этого раздражающего сообщения, вам нужно переименовать файл brow.html в index.html . Это решит проблему Cannot GET/ .

P.S. Там, где вы устанавливаете синхронизацию браузера, не имеет значения. Просто введите npm install -g browser-sync всю директорию, в которой вы находитесь, и после двойной проверки browser-sync —version .

Ответ 3

Эта статья была чрезвычайно полезной для того, чтобы заставить браузеры работать с PHP-сайтом.

Вот как выглядят конфигурации для Grunt и Gulp (взяты из статьи)

Grunt

Вам понадобится grunt-php плагин

Gulp

Вам понадобится gulp-connect-php плагин

Ответ 4

Документация для обзора: По умолчанию индексный файл проекта, например, может быть index.html, но если он имеет другое имя, вы должны указать его со следующим флагом, указанным в документации:

— index: укажите, какой файл следует использовать как индексную страницу

Надеюсь, я помог вам, до вас.

Ответ 5

Вместо этого вам нужно использовать опцию прокси

Ответ 6

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

добавить эту строку

Измените папку «yoursitefolder» с фактической папкой вашей корневой папки, а не темой, папкой шаблона, над которой вы работаете. посмотрите https://browsersync.io/docs/grunt для получения более подробной информации Наслаждайтесь

Ответ 7

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

Ответ 8

BrowserSync по умолчанию загружает статические файлы, если вы хотите использовать его для загрузки php файла (index.php), вам нужно запустить php-сервер, а затем подключиться к нему с помощью синхронизации браузера через опцию прокси.

Это можно сделать с помощью следующего кода. NB: этот код входит в ваш файл webpack.config.js.

Теперь в области плагинов вашего конфигурационного файла webpack вы можете создать экземпляр нашего объекта Serve. NB: Я предлагаю, чтобы это был последний плагин, который вы вызываете.

Источник

index.min.js is missing from the latest version #1549

Issue details

Error: ENOENT: no such file or directory, . node_modulesbrowser-syncclientdistindex.min.js

The text was updated successfully, but these errors were encountered:

Same problem here. Reload/Stream functions suddenly stopped work.

Same issue here, after updating to v2.24.0

Same issue. Error log as follows:

I began to see this error message after upgrading npm to v6.0.0; even with browsersync v2.18.15

But @Carlosdvp , if you check the Git history it was removed in one of the last commits:

You are right @vinceshere I was looking through the node_modules for previous projects that I had been using browsersync with, and they were working fine because the contents for that folder were intact. The cause as far as I can tell is that the contents for the directory you mention are now gone.

To correct my previous comment: It has nothing to do with npm v6.0.0, tested old installs of browser-sync with npm v6 and they work fine

browser-sync/client/dist contents are missing in new installs of browser-sync, that is the cause for this error message. I just copied the missing files into the empty folder and now it’s working fine

Please change this issue’s title to something like:

«index.min.js is missing from the latest version»

Not trying to be a grammar nasty but at least it would be easier to understand if it were «does not» instead of «don’t».

@dhffdh pin your version to the old one «browser-sync»: «2.23.7», .

@huochunpeng THANK YOU =)

Thanks all for the fast feedback 🙂

I had removed the compiled assets from the repo, with the aim of rebuilding them only when publishing — but I used an incorrect NPM lifecycle hook — oops!

It’s fixed now though browser-sync@2.24.1

@shakyShane I like the removal in general.

FYI, but it could create some trouble for some users (like contributors) who directly installs the package from git repo, if they use yarn or pnpm.

@shakyShane Hi, I think this issue might be revived again from the latest release v2.27.10. I ras running v2.27.9 in my projects and started to get this error recently.

@shakyShane Same for me. I started to see this problem (missing index.min.js) when upgrading to v2.27.10.

Same here in my new jHipster project with «browser-sync»: «2.27.9»,

I also experienced the same issue when using JHipster to create a new standalone app using browser-sync version 2.27.9 . For now I have went back to pinning to an older version in the package.json viz., «browser-sync»: «2.24.1»

• I ran into the exactly same problem when using JHipster as well, when in package.json : «browser-sync»: «2.27.9», and when run npm install first time (no node_modules exists), it will generate package-lock.json with this dependency of browser-sync-client

• And here comes the problem with missing index.min.js in browser-sync-client:2.27.10 . You guys can double check by download gz file from: https://registry.npmjs.org/browser-sync-client/-/browser-sync-client-2.27.10.tgz and see the problem. This is the full error log I got:

Error: Cannot find module ‘browser-sync-client/dist/index.min.js’
Require stack:
-myproject/node_modules/browser-sync/dist/snippet.js
-myproject/node_modules/browser-sync/dist/hooks.js
-myproject/node_modules/browser-sync/dist/browser-sync.js
-myproject/node_modules/browser-sync/dist/index.js
-myproject/node_modules/browser-sync-webpack-plugin/lib/BrowserSyncPlugin.js
-myproject/node_modules/browser-sync-webpack-plugin/index.js
-myproject/webpack/webpack.custom.js
-myproject/node_modules/@angular-builders/custom-webpack/dist/utils.js
-myproject/node_modules/@angular-builders/custom-webpack/dist/custom-webpack-builder.js
-myproject/node_modules/@angular-builders/custom-webpack/dist/transform-factories.js
-myproject/node_modules/@angular-builders/custom-webpack/dist/generic-browser-builder.js
-myproject/node_modules/@angular-builders/custom-webpack/dist/dev-server/index.js
-myproject/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
-myproject/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/index.js
-myproject/node_modules/@angular/cli/models/architect-command.js
-myproject/node_modules/@angular/cli/commands/serve-impl.js
-myproject/node_modules/@angular-devkit/schematics/tools/export-ref.js
-myproject/node_modules/@angular-devkit/schematics/tools/index.js
-myproject/node_modules/@angular/cli/utilities/json-schema.js
-myproject/node_modules/@angular/cli/models/command-runner.js
-myproject/node_modules/@angular/cli/lib/cli/index.js
-myproject/node_modules/@angular/cli/lib/init.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
at Function.resolve (internal/modules/cjs/helpers.js:98:19)
atmyproject/node_modules/browser-sync/dist/snippet.js:87:52
atmyproject/node_modules/browser-sync-client/index.js:59:39
at Array.reduce ()
at processItems myproject/node_modules/browser-sync-client/index.js:54:10)
atmyproject/node_modules/browser-sync-client/index.js:89:22
at call myproject/node_modules/connect/index.js:239:7)
at next myproject/node_modules/connect/index.js:183:5)
at next myproject/node_modules/connect/index.js:161:14)

• Note that with version browser-sync-client:2.27.9 , it was OK, no missing index.min.js , the package-lock.json should be like this:

How I quick fixed the problem: just same as @krmahadevan did, I explicitly put in my package.json the dependency: «browser-sync-client»: «2.27.9». I removed the node_modules folder, and I run the npm install again. Now the package-lock.json will have the browser-sync-client:2.2.7.9 again, and no more error in console :).

I believe the best fix must be to fix the release distribution of browser-sync-client-2.27.10.tgz itself.

Источник

<!DOCTYPE html>
<html lang="en" ng-app="helloWorldApp">
    <head>
        <title>Angular hello world app</title>
        <link href="css/main.css" rel="stylesheet">
    </head>
    <body>
        <ng-view class="view"></ng-view>
    </body>
    <script src="js/scripts.js"></script>
</html>

const gulp = require('gulp');
const concat = require('gulp-concat');
const browserSync = require('browser-sync').create();

const scripts = require('./scripts');
const styles = require('./styles');

var devMode = false;



gulp.task('css',function(){
    gulp.src(styles)
        .pipe(concat('main.css'))
        .pipe(gulp.dest('./dist/css'))
        .pipe(browserSync.reload({
            stream : true
    }))
});

gulp.task('js',function(){
    gulp.src(scripts)
        .pipe(concat('scripts.js'))
        .pipe(gulp.dest('./dist/js'))
        .pipe(browserSync.reload({
            stream : true
    }))
});

gulp.task('html',function(){
    gulp.src('./templates/**/*.html')
        .pipe(gulp.dest('./dist/html'))
        .pipe(browserSync.reload({
            stream : true
    }))
});

gulp.task('build',function(){

    gulp.start(['css','js','html']);
     console.log("finshed build");
});

gulp.task('browser-sync',function(){
    browserSync.init(null,{
        open : false,
        server : {
            baseDir : 'dist'
        }
    });
     console.log("finshed browser ");
});

gulp.task('start',function(){
    devMode = true;
    gulp.start(['build','browser-sync']);
    gulp.watch(['./css/**/*.css'],['css']);
    gulp.watch(['./js/**/*.js'],['js']);
    gulp.watch(['./templates/**/*.html'],['html']); 
});

2 ответа

Лучший ответ

gulp.task('browser-sync',function(){
    browserSync.init(null,{
        open : false,
        server : {
            baseDir : 'dist',
            index : "html/index.html"
        }
     });
     console.log("finshed browser ");
});

14.08.18 — 12:08

1 — 14.08.18 — 12:10

а почему именно браузер синк выбрал?

2 — 14.08.18 — 12:11

(1) В книжке написано )))

Я пока в этом ни в зуб

3 — 14.08.18 — 12:14

(2) а ты хочешь прям сразу веб сервер свой писать? бэкенд?

5 — 14.08.18 — 12:14

для начала лучше express наверно, более популярный веб-сервер на ноде

6 — 14.08.18 — 12:15

(4) вебпак — это же бандлер, а не вебсервер

9 — 14.08.18 — 12:17

11 — 14.08.18 — 12:21

12 — 14.08.18 — 12:21

вебпак нужен для сборки фронтенда и гибридных приложений

для серверной части мне понравился express

13 — 14.08.18 — 12:22

(10) Если у тебя полторы странички с простым css, нахрена тащить монстра webpack?

14 — 14.08.18 — 12:23

(13) если у тебя не фронтенд, а бэкенд

15 — 14.08.18 — 12:23

а с фронтендом вебпак лучше

17 — 14.08.18 — 12:24

(14) Какое отношение browser-sync имеет к бэку?

Ребят, вы хоть определитесь, где молоток, а где стамеска.

19 — 14.08.18 — 12:25

(9) Там про скриптование. У меня же пока вообще нет скриптов..

22 — 14.08.18 — 12:27

23 — 14.08.18 — 12:35

Спецы закончились ? ((

24 — 14.08.18 — 12:37

(23) а что тут много спецов по браузер синку???

25 — 14.08.18 — 12:38

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

26 — 14.08.18 — 12:39

index.html файл то есть?

27 — 14.08.18 — 12:40

28 — 14.08.18 — 12:41

29 — 14.08.18 — 13:16

(26) Разумеется, есть

30 — 14.08.18 — 13:21

(29) Покажи плиз свой index.html

31 — 14.08.18 — 13:21

(30)+ там случаем вызова php нету?

32 — 14.08.18 — 13:22

(31) другая ошибка была бы.
явно же не может найти файл индекс.хтмл

33 — 14.08.18 — 13:23

34 — 14.08.18 — 13:28

35 — 14.08.18 — 13:29

(34) если бы было все на месте, то работало бы

36 — 14.08.18 — 13:30

(35) Я тебе картинку показал. ЧТо не так в ней?

37 — 14.08.18 — 13:31

картинка не работает

38 — 14.08.18 — 13:34

39 — 14.08.18 — 13:34

Даже картинку расшарить не в силах. Чего уж там до высоких материй

40 — 14.08.18 — 13:35

сейчас попробовал браусер-сеинк.
все работает
правда я запускал
browser-sync start —server

41 — 14.08.18 — 13:36

и так
browser-sync start —server —files «stylesheets/*.css, *.html»
тоже работает?
Может нода не той версии?

42 — 14.08.18 — 13:37

у меня 8.11.1

43 — 14.08.18 — 13:38

(41) нода 8.11.3 LTS

44 — 14.08.18 — 13:39

(44) тоже работает