主页 / coding / 问题 / 79596491
Accepted
Ulug'bek Alimov
Asked: 2025-04-28 20:34:44 +0800 CST

Angular Tailwind v14 找不到图像徽标路径

  • 772

我正在使用 Angular v18 和 Tailwind v14，但在显示图像（例如徽标）时遇到问题。当我为图像设置正确的路径时，Angular 似乎找不到它。

问题：

我在标签中正确指定了图像路径，但它没有显示。

同一个项目使用旧版本的 Tailwind（更新之前）运行良好。

代码片段：

这是我的angular.json资产配置：

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

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

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

该图像位于公共文件夹中。

我检查过的内容：

图像路径似乎正确（public/images/logo.png）。

在旧版本的 Tailwind 中，图像显示没有问题。

我怀疑该问题可能与 Tailwind (v14) 有关，但我不确定它是否导致了该问题。

有谁遇到过同样的问题或能给我指明正确的方向吗？

javascript

1 个回答

  1. Best Answer

    验证angular.json资产配置。

    您的angular.json资源部分有重复。请确保其结构正确，如下所示：

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

    添加“output”：“/”以确保来自公共的文件被复制到构建输出的根目录(dist/)。

    • 2

相关问题