离子不显示

问题描述 投票:1回答:1

我已经检查了所有可能的解决方案,但是我找不到能解决这个问题的方法。因此,请不必告诉我这已经得到了回答。

我正在跟踪关于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/[email protected]/dist/svg/ios-close.svg

这显示在我的浏览器控制台中。展开“ GEThttps://unpkg.com...”后,我得到以下

在@ ionic / core @ 4.7.1中找不到“ /dist/svg/ios-close.svg”

有人知道吗?

angular ionic-framework svg ionic2 ionic4
1个回答
0
投票

将以下<script>放在页面末尾,紧靠在结束body标签之前,以启用它们。它对我有用。

<body>
  <app-root></app-root>
  <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script>
</body>
© www.soinside.com 2019 - 2024. All rights reserved.