安装npm后Ionicons没有显示

Question

我安装了ionicons,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

在浏览器控制台中没有错误,没有显示单个 ionicon(例如<i class="icon ion-home"></i>).我检查过public/css/app.css,发现它引用了像这样的离子字体:/fonts/vendor/ionicons/dist/ionicons,这似乎符合上面的文件夹结构.

我尝试调整@import,改变url(...)参考app.css,移动字体目录 - 没有运气.最后,我尝试通过CDN引用离子,它就像魅力一样.

我在这做错了什么？谢谢

Answer 1

事实证明,我使用的文档是错误的离子版本:

• V2.0.0 ionicons.com
• v3.0.0 ionicframework.com/docs/ionicons

如果你像我一样用NPM安装离子,你会得到最新的版本; 如果你从他们的github存储库中克隆它们,你将获得v2.0.0.事实证明,在v3.0.0中,许多图标类被删除/更改,因此我看不到<i class="icon ion-home"></i>,这是多么浪费时间!