Entrar Ainda não tem acesso?
4
respostas

[Bug] URGENTE: [Browsersync] Erro Couldn't open browser na execução do comando "npm run server'

Referente ao curso TypeScript Part 1: Evolving Your JavaScript

por Jaldo De Sousa Lima
| 24k xp | 4 posts

Pessoal, boa noite! URGENTE! Ainda continuo com o erro abaixo! Aguardo retorno para continuar o aprendizado neste curso! Estou cursando https://cursos.alura.com.br/course/typescript-evoluindo-javascript/task/91932 Não estou conseguindo avançar nos exemplos das aulas. Estou tendo o seguinte problema ao executar o comando: npm run server: [Browsersync] Serving files from: dist [Browsersync] Watching files... [Browsersync] Couldn't open browser (if you are using BrowserSync in a headless environment, you might want to set the open option to false) Esse é o conteúdo do meu package.json: { "name": "alurabank", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo "Error: no test specified" && exit 1", "server": "lite-server --baseDir=dist", "start": "concurrently "npm run watch" "npm run server"" }, "port": 3000, "files": [ "./src/*/.{html,css,js}" ], "server": { "baseDir": "./src" }, "author": "", "license": "ISC", "devDependencies": { "concurrently": "^6.0.0", "lite-server": "^2.6.1" }, "dependencies": { "natives": "^1.1.6" } } Além disso, quando executo a abertura da página no browser manualmente, ocorre o erro: Access to script at 'file:///C:/WORK/CURSOS/Alura/TypeScript-Curso-1/dist/js/app.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted. index.html:38 GET file:///C:/WORK/CURSOS/Alura/TypeScript-Curso-1/dist/js/app.js net::ERR_FAILED Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Estou operando no ambiente Windows 64. Como faço pra resolver? Grato!

4 respostas
por Estudante
| 35.1k xp | 57 posts

Olá, Jaldo!

Para investigarmos o problema vou precisar saber algumas coisas:

  1. Há algum navegador configurado por padrão em sua máquina?
  2. Mesmo com esse erro, ao abrir seu navegador e acessar a url http://localhost:3000 você consegue ver a aplicação rodando ou aparece algum erro quando tenta acessar esse endereço?

Fico no aguardo,

Att.

por Renata Piai Montanhana
| 97.3k xp | 1 posts
Transição de carreira

Jhonatan, tudo bem? espero que sim, olha só, pegando o gancho, quando acesso http://localhost:3000 o chrome me diz q a pagina nao pode ser carregada. Tenho um Mac sistema operacional El Capitan, sempre aviso pq eh um sistema operacional antigo. meu navegador padrao é o chrome, obrigada viu tbm vou buscar uma solução se achar posto aqui!

por Jaldo De Sousa Lima
| 24k xp | 4 posts

Jhonatan, boa tarde!

Grato pelo retorno.

Respondendo suas questões:

1) Sim, o Google Chrome; e 2) Não consigo.

Fico no aguardo!

Atenciosamente,

Jaldo Lima

por Estudante
| 35.1k xp | 57 posts

Jaldo e Renata,

Primeiramente, desculpe a demora para um retorno. Realmente a investigação desse problema tem sido bastante complicada, mas acho que posso ter encontrado uma solução.

Pedirei que façam as seguintes modificações na estrutura do projeto do curso:

  1. Na pasta do projeto do curso, abram o arquivo package.json e procurem a linha onde está o comando "server": "lite-server --baseDir=dist" e a modifiquem para "server": "lite-server --baseDir=dist -c bs-config.json"
  2. Em seguida, na pasta do projeto criem um arquivo chamado bs-config.json e adicionem nele o código a seguir:
{
    "browser": "chrome"
}

Para ajudar, segue um PRINT do VSCode com os arquivos que devem ser modificados.

Print da estrutura de arquivosFeitas estas modificações, executem o comando npm run server no Terminal para ver se dessa vez o Browsersync do Lite Server consegue encontrar o navegador da máquina de vocês e executar o projeto sem problemas.

Por favor, peço que me retornem sinalizando se esse ajuste deu certo ou se o problema persiste e em caso positivo do último continuarmos nossa investigação do problema.

Att.