安装npm后未显示的离子
安装npm后未显示的离子
提问于 2017-05-21 18:21:16
我使用离子图标安装了npm install --save ionicons，因此我的package.json更新到：
"dependencies": {
"ionicons": "^3.0.0"
}接下来，我在我的/resources/assets/sass/app.scss中添加了以下内容
// Ionicons
@import "node_modules/ionicons/dist/scss/ionicons";在成功运行npm run dev之后，我以
/public
/css
app.css
/fonts
/vendor
/ionicons
/dist
ionicons.eot
ionicons.svg
ionicons.ttf
ionicons.woff
ionicons.woff2浏览器控制台中没有错误，没有一个离子图标(如<i class="icon ion-home"></i>)显示。我检查了public/css/app.css，发现它引用了类似于so：/fonts/vendor/ionicons/dist/ionicons这样的离子字体，这似乎符合上面的文件夹结构。
我试着调整@import，改变url(...)在app.css中的折射，移动字体目录-没有运气。最后，我试图通过一个CDN来引用离子图标，它的作用就像魅力。
我在这里做错什么了？谢谢
回答 5
Stack Overflow用户
回答已采纳
发布于 2017-05-21 19:04:36
原来，我把文档用于错误版本的离子图标：
- v2.0.0 ionicons.com
- v3.0.0 离子框架网站/docs/离子图标
如果你像我一样用NPM安装离子图标，你会得到最新的版本；如果你从他们的github储存库克隆他们，你会得到2.0.0。结果，在v3.0.0中，许多图标类被删除/更改，因此我看不到<i class="icon ion-home"></i>，真是浪费时间！
Stack Overflow用户
发布于 2021-10-28 22:18:18
在标签前粘贴这两行：
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>从您的依赖性卸载离子图标: npm卸载离子图标
Stack Overflow用户
发布于 2019-10-05 16:49:23
对于其他面临这个问题的人来说。这就是为我修复的:slight_smile：
npm uninstall ionicons
npm install ionicons页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44100308
复制相关文章
相似问题
腾讯云开发者
