微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法在我的ReactJs项目中链接Flaticons

如何解决无法在我的ReactJs项目中链接Flaticons

我正在关注this官方文档中如何在项目中添加Flaticon,我有一个 PHP laravel 框架上运行并使用 ReactJs

的项目

在我的项目中,我使用的字体很棒。 这是我的项目结构->

Project 
    >app
    >bootstrap
    >database
    >node_modules
    >public
        > css
        > fonts
        > images
        > js
           > app.js (Auto build/generated file during compiling)
        > scss
           > App.css (Auto build/generated file during compiling)
           > Flaticon.css (copied as per the docs)
    > resources
        > js **(Main resource of project)**
            > components
            > assets
            > pages
            > redux
            > **app.js**
            > route.js
            > services
        > lang
        > sass
        > views
             > **welcome.blade.PHP**

这是我的 welcome.blade.PHP ->

<!DOCTYPE html>
<html>
    <head>
        <Meta charset="utf-8">
        <Meta http-equiv="X-UA-Compatible" content="IE=edge">
        <Meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Fly & Carry</title>
        <link href="{{asset('scss/App.css')}}" rel="stylesheet" type="text/css"> 
    // THis is my public/scss/app.css which is auto generated during compiling time.
    
        <link href="{{asset('scss/flaticon.css')}}" rel="stylesheet" type="text/css"> 
    // ---> Newly added Link for flaticon css (Acc. to docs)
    
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
         <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> 
    // What do I need to paste here in place of DOMAIN???
    </head>
    <body>
        <div id="crud-app"></div>
        <script crossorigin src="{{asset('js/app.js')}}" ></script>  
    // --> This is main resource JS file in whiich I am calling Routing and then pages of my app.
    </body>
</html>

请帮助我,我已经浪费了很多时间,如果您需要任何其他查询,我可以为您提供。 任何建议将不胜感激。谢谢。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。