Executando verificação de segurança...
1

SOLUCIONADO: Tela em branco no React, carregando infinitamente

Dia 6 de Janeiro eu fiz um post relatando um problema que tinha acontecido comigo. Em um projeto React, quando eu ia carregar a tela, ela ficava carregando infinitamente, sem aparecer erro na tela, nem no console do terminal, nem no do Chrome, é como se estivesse preso em algum loop interno.

No projeto, eu estava importando SVGs da biblioteca Styled Icons

E pelo o que eu entendi, esse loop estava sendo causado porque eu estava usando um caminho global depois do 'from' quando eu tinha instalado essa biblioteca localmente.

O caminho para bibliotecas instaladas localmente devem ser completas, assim:

funcionou pra mim

// MATERIAL OUTLINED
export { Email } from '../../node_modules/@styled-icons/material-outlined/Email';
export { Search } from '../../node_modules/@styled-icons/material-outlined/Search';
export { Home } from '../../node_modules/@styled-icons/material-outlined/Home';
export { Notifications } from '../../node_modules/@styled-icons/material-outlined/Notifications';
export { FavoriteBorder } from '../../node_modules/@styled-icons/material-outlined/FavoriteBorder';
export { ExitToApp } from '../../node_modules/@styled-icons/material-outlined/ExitToApp';
export { LocationOn } from '../../node_modules/@styled-icons/material-outlined/LocationOn';

...

E a forma como eu estava fazendo era assim:

não funcionou pra mim

export {
    Home,
    Notifications,
    Email,
    FavoriteBorder,
    ExitToApp,
    LocationOn,
    Search,
} from '@styled-icons/material-outlined';

O código de cima, que usa caminhos completos, serve para dependências instaladas localmente.
O código de baixo, que usa caminhos, serve para dependências instaladas globalmente.


Dúvida:

Algumas bibliotecas possuem um arquivo index que exporta todas suas exportações, fazendo com que você possa passar o caminho da pasta, e ele automaticamente le o index.

Por que apenas globalmente pode ser feita essa importação, e localmente não?


Fiquem à vontade para corrigir qualquer coisa

Por que globalmente pode ser feito a desestruturação, apenas passando o

Carregando publicação patrocinada...