Module not found: Error: You attempted to import /public/assets/fonts/GandhiSans-Bold.otf which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/. ERROR in ./src/index.js 6:0-50
{ "compilerOptions": { "baseUrl": "src" }, "include": ["src"] }
Olá Jorge! Tudo bem contigo?
O erro que você está enfrentando é um problema de importação relativa fora do diretório "src" no seu projeto React. O erro ocorre porque o arquivo que você está tentando importar (/public/assets/fonts/GandhiSans-Bold.otf) está localizado fora do diretório "src" do projeto, o que não é suportado por padrão.
Existem duas soluções comuns para resolver esse problema:
Mover o arquivo para dentro do diretório "src":
A solução mais simples é mover o arquivo GandhiSans-Bold.otf para um diretório dentro de "src", por exemplo, src/assets/fonts/GandhiSans-Bold.otf. Depois de mover o arquivo, você poderá importá-lo normalmente sem enfrentar o erro.
Configurar um symlink: Se você deseja manter o arquivo fora do diretório "src", você pode configurar um symlink (atalho) para ele dentro do diretório "node_modules" do projeto. Isso permitirá que você importe o arquivo usando um caminho relativo válido.
Por exemplo, no seu terminal, você pode executar o seguinte comando (substitua os caminhos conforme necessário):
ln -s /caminho/para/o/arquivo/GandhiSans-Bold.otf /caminho/do/seu/projeto/node_modules/GandhiSans-Bold.otf
Certifique-se de substituir "/caminho/para/o/arquivo/GandhiSans-Bold.otf" pelo caminho completo para o arquivo GandhiSans-Bold.otf que você deseja importar, e "/caminho/do/seu/projeto" pelo caminho completo para a pasta raiz do seu projeto React.
Em seguida, você pode importar o arquivo GandhiSans-Bold.otf no seu código usando um caminho relativo como este:
import GandhiSansBold from 'GandhiSans-Bold.otf';
Certifique-se de que o caminho relativo está correto, indo do diretório onde o arquivo está sendo importado para o diretório onde o symlink foi criado.
Espero que isso resolva o seu problema. Escolha a opção que melhor se adeque ao seu projeto e verifique se o erro desaparece. Se precisar de mais ajuda, fique à vontade para perguntar! Porém, se você puder compartilhar seu projeto completo comigo no GitHub, Drive, ou Replit, ou alguma plataforma que você prefira, seria bem melhor, pois assim eu poderia baixar o projeto daqui e fazer os devidos testes.
Espero que isso ajude a resolver o seu problema!
Se tiver mais alguma dúvida, estou à disposição!
Abraços e bons estudos!