【发布时间】: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”仍会显示。它现在可以工作(出于某种原因),仅检查页面确实显示旧的并且没有现有的代码/文件。