Ionicons没有出现
Ionicons没有出现
提问于 2019-07-31 13:16:48
我已经检查了这个问题的所有可能的解决办法，但我找不到能解决这个问题的办法。因此，请不要告诉我，这一点以前已经回答过了。
我正在听一次关于乌德米的讲座，这位同班的老师正在学习离子疗法。我们现在正在进行一些基本的功能，比如添加图标、按钮、容器等等。
但我遇到了一个问题..。我试图添加一个图标“关闭”直接从ionicons.com网站使用的代码，他们建议<ion-icon name="close"></ion-icon> -这是我正在使用的。
我只有一个index.html文件，因为这是老师正在做的教程。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Budget Planner</title>
<script src="https://unpkg.com/@ionic/core@latest/dist/ionic.js">
</script>
<link href="https://unpkg.com/@ionic/core@latest/css/ionic.bundle.css"
rel="stylesheet">
</head>
<body>
<ion-app>
<ion-header>
<ion-toolbar color="primary">
<ion-title> Budget Planner </ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-grid>
<ion-row>
<ion-col size-md="6" offset-md="3">
<ion-card>
<ion-card-title> New Expense </ion-card-title>
<ion-card-content>
<ion-item>
<ion-label position="floating">Expense Reason</ion-label>
<ion-input type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Expense Amount</ion-label>
<ion-input type="number"></ion-input>
</ion-item>
<ion-button fill="outline" color="danger">
<ion-icon name="close"></ion-icon> Clear </ion-button>
<ion-button> Add Expense </ion-button>
</ion-card-content>
</ion-card>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
</ion-app>
</body>
</html>几乎只是创建了一些网格，按钮等等。所有的东西都很容易理解，但我唯一弄不明白的是，为什么它不会给我提供关闭图标，以便我继续教程。
我希望这只会吐出关闭按钮，但我得到以下信息
[ionic] Deprecated script, please remove: <script
src="https://unpkg.com/@ionic/core@latest/dist/ionic.js"></script>
To improve performance it is recommended to set the differential scripts
in the head as follows:
<script type="module"
src="https://unpkg.com/@ionic/core@latest/dist/ionic/ionic.esm.js">
</script>
<script nomodule="" src="https://unpkg.com/@ionic/core@latest/dist/ionic/ionic.js"></script>
(anonymous) @ VM977 ionic.js:25
(anonymous) @ VM977 ionic.js:27
ios-close.svg:1
GET https://unpkg.com/@ionic/core@4.7.1/dist/svg/ios-close.svg我的浏览器控制台中显示了这一点。在扩展"GET https://unpkg.com.“我得到以下信息
无法在@ in /core@4.7.1中找到"/dist/svg/ios-close.svg“
有人找到解决办法了吗？
回答 1
Stack Overflow用户
发布于 2020-05-24 19:16:17
将下面的<script>放置在页面末尾附近，就在关闭正文标记之前，以使them.It为我工作。
<body>
<app-root></app-root>
<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
</body>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57291699
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号