Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Browser opens long before webpack is ready

Aberta
#3,357 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
35/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript
Domínio
build-system, cli

Direção de pesquisa

Comece pelo fluxo de ionic serve que inicia o servidor de desenvolvimento do Angular CLI e examine como ele decide quando abrir o navegador. Compare o tratamento de prontidão com o comportamento do Angular CLI descrito na issue. Considera-se concluído quando o navegador abre depois que o webpack-dev-server termina de compilar, em vez de mostrar uma tela branca enquanto os bundles ainda estão sendo compilados.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

bug project type: angular

Right now, running ionic serve will use the Angular CLI's dev server, which uses webpack-dev-server. As far as I know, there isn't a way (via child processes) to know when the bundles are ready, aside from maybe parsing stdout of the process. This results in the Ionic CLI opening the browser window much sooner than expected and displaying a white screen until webpack-dev-server finally compiles everything and loads the app.

This message is displayed when the window is opened:

[ng] ℹ ｢wdm｣: wait until bundle finished: /

The Angular CLI used to have the same behavior if --open is specified, but it seems like it was fixed as of version 6.

Linguagem predominante
TypeScript
Estrelas
2k
Forks
681
Nenhum PR com merge em 30d

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de ionic-team/ionic-cli

Todas as issues de ionic-team/ionic-cli

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.