Duvida extra Deploy

run `npm fund` for details 5 moderate severity vulnerabilities To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. ==> Running build command 'npm install; npm run build'... up to date, audited 182 packages in 977ms 79 packages are looking for funding run `npm fund` for details 5 moderate severity vulnerabilities To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. > cookin-up@0.0.0 build > run-p type-check build-only > cookin-up@0.0.0 type-check > vue-tsc --noEmit -p tsconfig.app.json --composite false > cookin-up@0.0.0 build-only > vite build vite v4.5.14 building for production... transforming... ./imagens/fundo-banner.png referenced in /opt/render/project/src/src/assets/main.css didn't resolve at build time, it will remain unchanged to be resolved at runtime Menu ✓ 36 modules transformed. ✓ built in 1.96s Could not resolve "../assets/imagens/sem-receitas.png" from "src/components/MostrarReceitas.vue" file: /opt/render/project/src/src/components/MostrarReceitas.vue error during build: RollupError: Could not resolve "../assets/imagens/sem-receitas.png" from "src/components/MostrarReceitas.vue" at error (file:///opt/render/project/src/node_modules/rollup/dist/es/shared/node-entry.js:2287:30) at ModuleLoader.handleInvalidResolvedId (file:///opt/render/project/src/node_modules/rollup/dist/es/shared/node-entry.js:24889:24) at file:///opt/render/project/src/node_modules/rollup/dist/es/shared/node-entry.js:24851:26 ERROR: "build-only" exited with 1. ==> Build failed

Olá Claudeny.
Tudo bem?
O erro acontece porque durante o processo de build no Render o Vite não conseguiu encontrar o arquivo sem-receitas.png informado no componente MostrarReceitas.vue. Localmente a aplicação funciona porque o Windows normalmente não diferencia letras maiúsculas e minúsculas em nomes de arquivos e pastas, enquanto o ambiente do Render roda em Linux, que faz essa diferenciação.
Isso significa que um caminho como ../assets/imagens/sem-receitas.png só funcionará se o nome da pasta e do arquivo forem exatamente iguais ao que existe no projeto, incluindo letras maiúsculas, minúsculas, hífens e extensão do arquivo.
Você deve verificar se o arquivo realmente existe dentro de src/assets/imagens/ e confirmar se o nome está exatamente igual ao usado no import do componente. Verifique também se a pasta chama imagens e não Imagens, e se o arquivo é sem-receitas.png e não algo parecido como Sem-Receitas.png ou sem-receita.png. Além disso, confirme se o arquivo foi enviado para o Git, porque às vezes a imagem existe apenas localmente e não foi commitada no repositório usado pelo Render. Para isso, execute git status e veja se há arquivos pendentes. Depois faça git add ., git commit e git push para garantir que o arquivo esteja disponível no deploy.
Também existe um aviso relacionado ao arquivo fundo-banner.png no CSS, indicando que o caminho usado na referência da imagem pode estar incorreto. Nesse caso, revise o caminho informado no main.css e ajuste para refletir corretamente a estrutura de pastas do projeto.
Analise ai e me retorna um feedback.
Avise alguma duvida.
Bons estudos.

Trilhas por carreira

Carreiras de IA

Carreiras de Dados

Carreiras de Cyber

Carreiras de DevOps & Cloud

Carreiras de UX & UI

Carreiras de Mobile & Front-End

Carreiras de Back-End

Carreiras de Negócios

Cursos universitários FIAP

Tópicos relacionados

Conteúdos Alura com o tema