taodutra, o problema estava no caminho dos SVGs importados e exportados no src/styles/Icons, onde pra você, os caminhos ele deve ter encontrado os SVGs, mas no meu ele não encontrou, ai tive que usar o caminho relativo, e a partir dai ele voltou a funcionar, acho que tem alguma coisa a ver com dependencia global e local, se vc puder me tirar essa duvida
aparentemente ele entrava em loop tentando achar o bendito svg em um caminho e nao encontrava
Oi Vitor,
Fiz os seguintes testes:
- Retirei a estrutura relativa dos paths
- Importei novos ícones
- Os exportei
- Utilizei nas páginas
Tudo funcionou perfeitamente.
Como estava:
export { Home } from '../../node_modules/@styled-icons/boxicons-solid/Home';
Como deixei:
export { Home } from '@styled-icons/boxicons-solid/Home';
Buscando casos similares ao seu, encontrei vários resolvendo esta solução de Vite
com styled-icons
usando isto.
https://www.npmjs.com/package/vite-plugin-babel-macros
Espero que te ajude.