我的 angular 项目从哪里获取 A favicon.ico？ 它不在我的项目中

Question

就在最近，自 2018 年以来一直正常工作的代码开始错误地显示来自 Angular 的旧默认“A”favicon.ico。 我已经梳理了我的代码，但在任何地方都找不到。 我所有的条目都指向正确的 favicon.ico，这是一个品牌。 这发生在上周，我关闭了浏览器并重新加载了所有内容，然后它就消失了。 今天，我从一栋楼搬到另一栋楼，切换无线网络。 我将启动命令从特定的 IP 地址 ng serve --host 192.168.40.170 更改为更通用的 ng serve，即 localhost，它再次弹出！

我尝试重新启动浏览器，但这次它没有 go 消失。 我是唯一一个看到这种新刺激的人吗？

Answer 1

你有不同的解决方案来解决这个问题：

1. 用您的图标替换默认的favicon.ico ：

1. 从 angular 中删除默认的src\favicon.ico
2. 将favicon.ico替换为src文件夹中的图标

2.使用PNG作为默认图标（Angular 9之前）：

1. 从 angular 中删除默认的src\favicon.ico
2. 在src文件夹中添加您的图标favicon.png
3. 将其添加到索引中index.html

<link rel="icon" type="image/x-icon" href="favicon.png"> 

4. 在您的 angular 配置文件中添加您的assets （ angular-cli.json或angular.json ）

角cli.json：

"assets": [
    "assets",
    "favicon.png"
],

3.使用PNG\ICO作为默认图标（Angular 9之后）：

1. 删除angular制作的默认src\favicon.ico
2. 在assets文件夹中添加您的图标（ favicon.png或favicon.ico ）以使其对浏览器可见
3. 更改index.html中的文件（ favicon.png或favicon.ico ）

<link rel="icon" type="image/x-icon" href=".assets/favicon.png">

4. Add your assets and you file ( favicon.png or favicon.ico ) in your angular config file ( angular-cli.json or angular.json )

angular.json：

"assets": [
    "assets",
    "favicon.png"
],

5. 从 angular 中彻底删除默认的favicon.ico ：

1. 从索引中删除。html

<link rel="icon" type="image/x-icon" href="favicon.ico"> 

2. 从配置文件中的资产中删除“favicon.ico”（ angular-cli.json或angular.json ）
3. 删除 src/favicon.ico

6.清除浏览器（缓存，cookies...）：

Windows：

• 即： Ctrl+R
• Firefox： Ctrl+Shift+R
• 铬： Ctrl+R或Ctrl+F5或Shift+F5

Linux：

• Firefox： Ctrl+Shift+R
• 铬： Ctrl+R或Ctrl+F5或Shift+F5

苹果系统：

• Safari： ⌘+R
• 火狐/Chrome： ⌘+Shift+R