【问题标题】:Font Awesome not working for some reason in Angular-Fullstack Yeoman GeneratorFont Awesome 在 Angular-Fullstack Yeoman Generator 中由于某种原因无法正常工作
【发布时间】:2016-04-28 12:41:34
【问题描述】:

我使用 Angular-fullstack yeoman 生成器制作了一个项目,所以我想我的问题对于已经使用过这个生成器的人来说是非常具体的。 (我的问题可能很愚蠢,因为我仍然是使用此生成器的初学者)

我可以在我的凉亭文件夹中看到 Font Awesome 在那里。我希望在 index.html 中看到这个链接,但它没有,它看起来像是在 app.css 中。

从那里开始,当我尝试在我的任何 html 文件中使用 Font Awesome 时,它​​不起作用。

如果我在 index.html 中添加一个链接表,那么它可以工作,但是一旦有一个 grunt 构建/服务它就会消失。所以这很烦人,而不是我猜它应该如何表现。

如果有人能帮我解决这个问题,我将不胜感激。

非常感谢。

【问题讨论】:

    标签: css generator yeoman font-awesome angular-fullstack


    【解决方案1】:

    你已经解决了吗?我认为您需要使用--save 选项运行bower install,以便对font-awesome 的引用将在bower.json 中,并在您运行grunt serve 时在index.html 中更新

    【讨论】:

    • 并检查链接是否可用于您的主样式表,当它全部运行/编译时。很多时候问题只是您的网站/应用看不到引用的代码。
    • 是的,它不包含在我的主样式表中,这就是问题所在,因为我的凉亭是使用 --save 安装的,并且 font-awesome 位于我的 bower.json font-awesome": ">=4.1.0"
    • @Emidomh 检查 bower_components 中 font-awesome 文件夹的 bower.json(有两个)...检查 "main" 属性...如果 font-awesome.css 不存在(你会看到别人喜欢less,sass),你需要插入它。
    • @ElmerDantas 是的,确实 font-awesome.css 在我的 bower_components 文件夹中的两个 bower.json 中都丢失了,现在它可以完美运行了!谢谢:)
    猜你喜欢
    • 2013-12-28
    • 1970-01-01
    • 1970-01-01
    • 2016-12-06
    • 2012-12-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-07
    相关资源
    最近更新 更多