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:
img do react app:
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:
img do react app:
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! ✨