1
resposta

Onde Instalar o browser-sync

No video não explicado onde insttalar o browser-sync através do comando,

npm install -g browser-sync

Acredito que esse tipo de informção deveria ser passado com mais clareza, e isso acobou gerando um erro onde a pagina não carregava e exibia uma mensagem "Cannot GET..."

Após vericar alguns tópicos não encontrei a solução e por dedução e depois de ver várias vezes o vídeo consegui descobrir o erro e estava onde eu instalei o browser-sync o mesmo deve ser instalado dentro da pasta projeto_inicial

PS C:\Users\Denise\Desktop\frontend\crud-js\2016-JS-na-web-crud-com-JavaScript-assincrono-projeto_inicial\projeto_inicial\admin> cd..
PS C:\Users\Denise\Desktop\frontend\crud-js\2016-JS-na-web-crud-com-JavaScript-assincrono-projeto_inicial\projeto_inicial> npm install -g browser-sync
npm WARN deprecated debug@4.1.1: Debug versions >=3.2.0 <3.2.7 || >=4 <4.3.1 have a low-severity ReDos regression when used in a Node.js environment. It is recommended you upgrade to 3.2.7 or 4.3.1. (https://github.com/visionmedia/debug/issues/797)
C:\Users\Denise\AppData\Roaming\npm\browser-sync -> C:\Users\Denise\AppData\Roaming\npm\node_modules\browser-sync\dist\bin.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.2 (node_modules\browser-sync\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"})

Agora sim posso executar o comando para rodar

PS C:\Users\Denise\Desktop\frontend\crud-js\2016-JS-na-web-crud-com-JavaScript-assincrono-projeto_inicial\projeto_inicial> browser-sync start --server --file . --host --port 5000 --startPath admin/telas/lista_cliente.html
[Browsersync] Access URLs:
 -----------------------------------------------------------------
       Local: http://localhost:5000/admin/telas/lista_cliente.html
    External: http://true:5000/admin/telas/lista_cliente.html
 -----------------------------------------------------------------
          UI: http://localhost:3001
 UI External: http://localhost:3001
 -----------------------------------------------------------------
[Browsersync] Serving files from: ./

Espero que ajude caso alguem tenha o mesmo problema!!!

1 resposta

Oi Carlos, tudo bem?

Incrível! Muito obrigada por compartilhar a sua solução aqui com outras pessoas. É isso mesmo, a dependência precisou ser instalada na pasta projeto_inicial devido ao caminho (startPath) ser composto pela pasta admin.

Uma outra alternativa ao browser-sync é o Live Server. É muito utilizado, ele possui tanto uma dependência no NPM quanto uma extensão no Visual Studio Code, seu uso é super simples, recomendo =)

No mais, muito obrigada! Precisando de qualquer ajuda é só postar aqui no fórum que estamos à disposição! Abraços e bons estudos!