Javascript 无法链接我的ReactJs项目中的平面图标_Javascript_Html_Reactjs_Laravel

Javascript 无法链接我的ReactJs项目中的平面图标

javascript html reactjs laravel

Javascript 无法链接我的ReactJs项目中的平面图标,javascript,html,reactjs,laravel,Javascript,Html,Reactjs,Laravel,我正在关注如何在项目中添加flaticon的官方文档，我有一个项目运行在php laravel框架上，并使用ReactJs 在我的项目中，我使用的字体很棒。这是我的项目结构-> Project >app >bootstrap >database >node_modules >public > css > fonts > images >

我正在关注如何在项目中添加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>


空运
//这是我的public/scss/app.css，在编译期间自动生成。
//-->flaticon css新增链接（根据文档）
//我需要在这里粘贴什么来代替域？？？
//-->这是主资源JS文件，我在其中调用路由，然后调用我的应用程序的页面。

请在这方面帮助我，我已经浪费了很多时间，如果你需要任何额外的查询我可以提供给你。

如有任何建议，将不胜感激。谢谢。

您不需要填写

您的网站\u域

，您已经通过刀片语法注入了flaticon css。您可以删除flaticon的第二个链接标记（您从文档中复制的链接标记）。我唯一能注意到的是，您的文件以大写字母F-

flaticon.css

命名，并且您正在导入小写字母-

{asset（'scss/flaticon.css'）}

-可能尝试更改它？您是否将字体文件与css一起复制？通常，字体也必须和CSSThanks放在同一个文件夹中，这对我很有帮助，但我不知道，现在它正在运行，我只是关闭所有内容，然后从fresh重新开始，它就工作了。我错误地键入了

Flaticon.css

，它是

Flaticon.css

@AntonioI没有将字体复制到同一个文件中，因为它不是必需的，因为我所有的字体都在单独的字体文件夹中。不过还是要谢谢你的建议@现在它正在工作。