1
resposta

[Dúvida] meu site carrega infinitamente

ao iniciar o "cmd" acho as pastas e depois dentro delas executo o "npm start" ele compila tudo certo só que ao abrir a tela do meu localHost, ele fica carregando infinitamente e fica em tela branca.

img do cmd: tudo rodando

img do react app:  tela do site carregando infinitamente e fundo branco

1 resposta

Olá, Matheus!

Obrigado por compartilhar sua dúvida no fórum Alura.

Quando o React compila normalmente, mas o navegador fica em tela branca carregando infinitamente, geralmente o problema está no código da aplicação, não no npm start. Alguns pontos bem comuns para verificar:

1. Erro no JavaScript (muito comum)

Mesmo que o terminal não mostre erro, pode haver erro no navegador.
Abra o site no navegador e pressione F12 → aba Console.
Se aparecer algo em vermelho, o React não consegue renderizar a aplicação.

Exemplo de erro comum:

Cannot read properties of undefined

2. App.js não está retornando JSX

O componente principal precisa retornar algo.

Exemplo correto:

function App() {
  return (
    <h1>Olá, mundo!</h1>
  );
}

export default App;

Se faltar o return, a tela ficará branca.

3. Importações incorretas

Verifique se os imports existem e estão corretos:

import App from './App';

E se o arquivo realmente se chama App.js (atenção a maiúsculas e minúsculas).

4. Alterou algo em index.js

Confirme se o React está renderizando o componente corretamente:

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<App />);

Se o root não existir no HTML, nada será exibido.

5. index.html sem a div root

No arquivo public/index.html, precisa existir:

<div id="root"></div>

Sem isso, o React não tem onde renderizar.

Fico no aguardo para te ajudar a resolver

Abraços e bons estudos!