Entrar Ainda não tem acesso?
1
resposta

Meu Sidebar deu ERRO ao abrir no navegador

Referente ao curso React: configurando e estruturando projetos com Vite, no capítulo Construíndo componentes e atividade Variáveis e fontes

por Levi.utima
| 40.4k xp | 29 posts

[plugin:vite:import-analysis] Failed to resolve import "./assets/Logo.svg" from "src/components/Sidebar/index.jsx". Does the file exist? C:/Users/minel/OneDrive/Área de Trabalho/devs/projeto react/codeconnect/src/components/Sidebar/index.jsx:1:36 15 | window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform; 16 | } 17 | import Logo from "./assets/Logo.svg"; | ^ 18 | import Feed from "./assets/feed.svg"; 19 | import Account from "./assets/account_circle.svg"; at formatError (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:50529:46) at TransformContext.error (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:50523:19) at normalizeUrl (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:65594:33) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:65749:47 at async Promise.all (index 3) at async TransformContext.transform (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:65670:13) at async Object.transform (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:50838:30) at async loadAndTransform (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:53611:29) at async viteTransformMiddleware (file:///C:/Users/minel/OneDrive/%C3%81rea%20de%20Trabalho/devs/projeto%20react/codeconnect/node_modules/vite/dist/node/chunks/dep-jDlpJiMN.js:63409:32 Click outside, press Esc key, or fix the code to dismiss. You can also disable this overlay by setting server.hmr.overlay to false in vite.config.js.

1 resposta
por SARAH CRISTINA BATISTA DOS SANTOS
| 887.8k xp | 2113 posts
Alura Scuba Team Monitor/ fórum

Olá, Levi! Como vai?

Pelo que entendi, você está tendo problemas para importar o arquivo "Logo.svg" no seu componente Sidebar. O erro que você está vendo geralmente ocorre quando o caminho do arquivo que você está tentando importar não está correto ou o arquivo não existe naquele local.

No seu caso, o erro está apontando para a linha onde você tenta importar o "Logo.svg" em "src/components/Sidebar/index.jsx". O erro indica que o arquivo "Logo.svg" não foi encontrado no diretório "./assets".

Aqui está o trecho de código que está causando o problema:

import Logo from "./assets/Logo.svg";

O "./" antes de "assets" indica que o diretório "assets" deve estar no mesmo nível que o arquivo "index.jsx". Em outras palavras, o arquivo "Logo.svg" deve estar localizado em "src/components/Sidebar/assets/Logo.svg".

Se o arquivo "Logo.svg" está localizado em um diretório diferente, você precisará ajustar o caminho de importação para refletir o local correto. Por exemplo, se o diretório "assets" estiver um nível acima do diretório "Sidebar", você precisará usar "../assets/Logo.svg" para importar o arquivo.

Se o arquivo "Logo.svg" está no diretório correto, verifique se o nome do arquivo e a extensão estão corretos. Lembre-se que os nomes de arquivos são sensíveis a maiúsculas e minúsculas, portanto "logo.svg" é diferente de "Logo.svg".

Espero ter ajudado e bons estudos!