Início / coding / Perguntas / 79596491
Accepted
Ulug'bek Alimov
Asked: 2025-04-28 20:34:44 +0800 CST

O Angular Tailwind v14 não consegue encontrar o caminho do logotipo da imagem

  • 772

Estou usando Angular v18 e Tailwind v14 e estou com problemas para exibir imagens (como um logotipo). Quando defino o caminho correto para a imagem, o Angular não consegue encontrá-la.

A questão:

Especifiquei corretamente o caminho da imagem na tag, mas ela não é exibida.

O mesmo projeto funcionou bem com uma versão mais antiga do Tailwind (antes da atualização).

Trechos de código:

Aqui está minha angular.jsonconfiguração para ativos:

"assets": [
  {
    "glob": "**/*",
    "input": "public"
  }
]

"styles": [
   "src/styles.css"
],

 "assets": [
{
  "glob": "**/*",
 "input": "public"
}
 ],
"styles": [
   "src/styles.css"
 ],

A imagem está localizada na pasta pública.

O que eu verifiquei:

O caminho da imagem parece correto (public/images/logo.png).

A imagem foi exibida sem problemas na versão mais antiga do Tailwind.

Suspeito que o problema possa estar relacionado ao Tailwind (v14), mas não tenho certeza se ele está causando o problema.

Alguém está enfrentando o mesmo problema ou pode me indicar a direção certa?

javascript

1 respostas

  1. Best Answer

    Verifique a angular.jsonconfiguração de ativos.

    Sua angular.jsonseção de ativos é duplicada. Certifique-se de que ela esteja estruturada corretamente, assim:

    "assets": [
 {
   "glob": "**/*",
   "input": "public",
   "output": "/"
 }
],
"styles": [
  "src/styles.css"
]

    Adicione "output": "/" para garantir que os arquivos públicos sejam copiados para a raiz da saída da compilação (dist/).

    • 2

relate perguntas