laravel - npm 安装后不显示 ionic 图标

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

如果浏览器控制台中没有错误，则不会显示单个 ionic 图标(例如 <i class="icon ion-home"></i> )。我检查了public/css/app.css ，发现它引用了 ionic 字体，如下所示:/fonts/vendor/ionicons/dist/ionicons ，这似乎符合上面的文件夹结构。

我尝试调整@import ，改变url(...)引用文献app.css ，移动字体目录 - 不走运。最后，我尝试通过 CDN 引用 ionic 图标，效果非常好。

我在这里做错了什么？谢谢

Answer 1

事实证明，我使用的文档是错误版本的 ionic :

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

如果您使用 NPM 安装 ionic 图标正如我所做的那样，您将获得最新版本；如果你从他们的 github repository 克隆它们，您将获得 v2.0.0。事实证明，在 v3.0.0 中，许多图标类被删除/更改，因此我看不到 <i class="icon ion-home"></i> ，真是浪费时间!