【问题标题】:How to change the icon in Angular and force using current code如何更改 Angular 中的图标并强制使用当前代码
【发布时间】:2021-09-06 01:59:53
【问题描述】:

我刚开始使用 Angular,并尝试了一些(我认为)非常简单且好的开始:更改选项卡的图标。

我假设 Angular 只需要知道图标在哪里以及放置它的位置。所以我跟着这个:How to change Angular CLI favicon

只需将“favicon.ico”替换为自制的“favicon2.ico”

这导致什么都没有显示。所以,我尝试了一些方法,比如让它更小(32x32)、不同的颜色等等......仍然没有任何结果。我还必须了解 Angular 似乎随机使用代码(有时是新代码,有时是旧代码,我什至不知道程序从哪里获取旧代码,因为我删除了所有内容并重新启动了所有内容,包括编译器)。

但是,我随后尝试了一种更简单的方法:我只是更改了“favicon.ico”本身并取消了我之前所做的一切。这就是它变得非常奇怪的地方:它现在使用旧图标(甚至不应该再存在了)并且检查页面确实显示了与所显示内容无关的非常旧的代码(告诉我它使用 favicon2.ico)。 Visual Studio 确实确认“favicon.ico”已更改。

我的结论是 src 文件夹中的“favicon.ico”没有真正的用途,实际的图标确实来自其他地方?

对我来说,另一件事是至少以某种方式确保 Angular 确实使用当前代码,并且永远不会跳回甚至不再存在的代码。这是最让我沮丧的。

我会展示我的代码,但它实际上只是演示页面,我更改了“favicon.ico”。

非常感谢您的帮助。

【问题讨论】:

  • 也许向我们解释您运行/构建您的代码。但你所说的一切听起来像是你运行代码的方式有问题,而不是代码本身。
  • 1.在cmd中新建工程:'ng new my-app' 2.进入cmd中新建文件夹:'cd my-app' 3.在cmd中编译工程:'ng serve --open'(上到目前为止,它似乎没问题,它只是告诉我它找不到“git”) 4. 使用 gimp(32x32)创建“favicon2.ico”并将其保存在 src 文件夹中(它确实显示在 Visual Studio 中直接位于“ favicon.ico")。 5.将“index.html”中的“favicon.ico”更改为“favicon2.ico”。6.将“angular.json”中的“favicon.ico”更改为“favicon.ico”。7.保存。
  • 经过一些更改后重新启动ng serve 是值得的,但除此之外,您的流程似乎还可以。您不应该看到任何旧代码。你确定你的 IDE 会在你认为的时候保存文件吗?
  • 我重新启动了整个计算机。即使文件和代码都不存在,“favicon2.ico”仍会显示。它现在可以工作(出于某种原因),仅检查页面确实显示旧的并且没有现有的代码/文件。

标签: angular favicon


【解决方案1】:

清除缓存可能会有所帮助

清除缓存快捷方式:(来源)

窗户 IE:Ctrl+R;火狐:Ctrl+Shift+R; Chrome:Ctrl+R,或 Ctrl+F5,或 Shift+F5

苹果 Safari:⌘+R; Firefox/Chrome:⌘+Shift+R

【讨论】:

  • 非常感谢,我似乎让更改图标成为可能。然而,代码仍然以不可预知的模式选择。检查页面确实显示:'' 这个代码不再存在,因为我把它改回了 "favicon.ico ”,甚至删除了“favicon2.ico”。 “favicon.ico”也是实际选项卡中显示的内容。 Angular 非常令人困惑。为什么它不能像这样“实际代码”=“选项卡中使用的代码”=“检查选项卡时显示的代码”?
  • 一点也不。这并不令人困惑。您是否再次重建您的项目?
  • 我重新启动了一切。该项目,然后是计算机,经过一番折腾,它确实可以工作。检查页面仍然会显示重新启动计算机之前的旧代码。只要这段代码没有被真正使用,我猜就可以了?我非常感谢您的帮助,但是使用旧代码(至少或多或少无法访问)的程序非常令人困惑。我以前从未见过这种行为。
猜你喜欢
  • 1970-01-01
  • 2020-01-24
  • 2017-09-19
  • 2013-02-21
  • 2020-12-01
  • 1970-01-01
  • 2023-02-25
相关资源
最近更新 更多