我已经检查了此问题的所有可能解决方案,但是我找不到可以破解这种螺母的东西。因此,请,没有必要告诉我以前已经回答过。
我正在关注乌德米(Udemy(的演讲,这位课程老师正在经历Ionic。我们现在只是浏览一些基本功能,例如添加图标,按钮,容器等。基本内容
,但我遇到了一个问题...我试图通过使用他们建议的代码直接从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
这在我的浏览器控制台中显示。扩展"获取https://unpkg.com ..."时,我会得到以下
在 @ionic/core @4.7.1
任何有解决方案的人?
将以下 <script>
放在页面末端(在关闭车身标签之前(启用它们。
<body>
<app-root></app-root>
<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>
</body>