DICA: NPM RUN SERVER | TypeScript parte 1: evoluindo seu JavaScript

Pessoal,

Caso eu esteja errada, algum instrutor me corrija, mas sobre o erro (que acredito eu, não ser um erro apenas algo que não sei dar o nome ainda pois estou começando nos estudos rs):

[Browsersync] Access URLs:
 --------------------------------------
    Local: http://localhost:3000
    External: http://192.168.1.104:3000
 --------------------------------------
 UI: http://localhost:3001
 UI External: http://localhost:3001

Você clicando no:

Local: http://localhost:3000

Sua página do projeto abre no navegador, atualizando em tempo real, automaticamente igual ao da aula.

A única diferença (ainda não entendo o por que) é que ao rodar o código npm run server, o navegador não abre na hora. É preciso abrir o link no manual.

É o correto e existe um erro a ser corrigido? Não sei, mas resolveu kkkk A página atualiza no automático e era isso o que eu queria.

Se houver erro, e o correto é realmente o navegador abrir sem clicar em link algum igual ao da aula, por favor, algum instrutor nos dê uma luz. Obrigada e espero ter ajudado.

Bons estudos!

Oi, Giovana! Espero que esteja tudo bem com você.

Pelo que vejo, seu servidor está rodando corretamente. A mensagem que você está vendo não é um erro, mas sim um aviso (WARN) do npm sobre a depreciação de alguns comandos.

A linha que diz: [Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false) é apenas um aviso de que o Browsersync não conseguiu abrir o navegador automaticamente. Isso pode acontecer por várias razões, como configurações de segurança do sistema operacional ou do próprio navegador.

Neste caso, você pode simplesmente abrir o navegador e digitar a URL fornecida pelo Browsersync, que no seu caso é http://localhost:3000, ou fazer como você comentou que fez clicando no link.

E sobre o comando npm run server, você está certíssima! Ele inicia o servidor, mas não abre automaticamente o navegador. Isso é o comportamento padrão. O que você está vendo na aula pode ser uma configuração específica do ambiente do instrutor.

No entanto, se você quiser que o navegador abra automaticamente quando você executar o comando npm run server, você pode adicionar uma opção ao seu script do servidor no arquivo package.json. Por exemplo, você pode adicionar a opção open ao seu script:

"scripts": {
  "server": "lite-server --baseDir=app --open"
}

Isso fará com que o navegador abra automaticamente ao executar npm run server. Por favor, note que isso pode variar dependendo do pacote que você está usando para servir seu aplicativo. No caso desse curso, foi o lite-server.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!