メテオでFaviconを読み込めません

タブに自分のウェブサイト名の横にFaviconを追加できません。私は3つのSOの投稿をチェックし、すべての可能な組み合わせを試しました。私のlogo.icoまたはlogo.pngファイルは "ProjectName/public"フォルダにあります。私はローカルホストに行くときメテオでFaviconを読み込めません

<body> 
    {{> carouselTemplate}} 
</body> 

<template name="carouselTemplate"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-12"> 

     <div id="my-slider" class="carousel slide" data-ride="carousel"> 
      <!-- indicators dot nav --> 

      <!-- wrapper for slides --> 
      <div class="carousel-inner" role="listbox"> 
      <!-- for each slide one div [active is the first slide that is shown on the page] --> 
      <div class="item active"> 


       <!-- #HERE --> 
       <img src="/handsbwG.jpeg" alt="hands"/> 
       <!-- /HERE --> 


       <div class="carousel-caption"> 
       <h1>TEXT</h1> 
       </div> 
      </div> 
      </div> 

      <!-- controls or next and prev buttons --> 

     </div> 

     </div> 
    </div> 
    </div> 
</template>

：このフォルダから、私はこのようにそれらをリンクする場合は、ブラウザ上にロードし、他の画像にアクセスすることができます3000/3000 /アイコンはまた、ローカルホストのために（示されlogo.ico logo.png）。

異なるSO参考文献：私のコード例の

2：

<link rel="icon" type="image/png" sizes="16x16 32x32" href="/logo.png"> 

<link rel="icon" sizes="16x16 32x32" href="/logo.ico?v=2">

出典

2016-05-01 LenC

ここalaning参照： http://stackoverflow.com/questions/20054788/how-to-load-a-favicon-with-meteor –

ファイルは、favicon.icoという名前でとする必要があります。 logo.icoをfavicon.icoに変更しても問題ありません。

ヘッダーリンクが別の名前のファイルを指し示すことがあるかもしれませんが、私はあなたが正しい場所に置かれていないと考えています（実際にヘッダーとして提供されるものを知るという面では流星かもしれません）。

出典

2016-05-01 19:10:42

私はfavicon.icoをするためにそれを名前を変更し、HREFに置き換え= "/ favicon.ico？v = 2 "しかし、それでも動作しません。「でも、あなたは正しい場所に置いてないと思う？」とはどういう意味ですか？たぶんこれが問題です。 – LenC

あなたのブラウザが積極的にfavicon.icoをキャッシュしている可能性があります。ブラウザによっては、私は新しいファビコンを表示することに困難を経験しました。この関連Q＆Aをチェックしてください：http://stackoverflow.com/questions/2208933/how-do-i-force-a-favicon-refresh – HeadCode

Meteor looks for all head tags and combines them to one that is sent to the client. 私は私のプロジェクトに追加する方法これは、

client/.../partials/head.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"> 
    <link rel="shortcut icon" href="/img/favicon.png"/> 
</head>

、その後ofcourseの私は、多くのシナリオを試してみて、これに関連するすべての答えをチェックしていpublic/img/

出典

2016-05-01 21:46:15 alfiepoleon

でファビコンを持っているが、これは私のために働いていないので、これを解決するために、その後、私はJavaScriptコードの下に使用問題。

このコードは、ウェブサイトのfaviconアイコンを動的に変更しています。

(function() { 
    var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); 
    link.type = 'image/x-icon'; 
    link.rel = 'shortcut icon'; 
    link.href = 'http://www.stackoverflow.com/favicon.ico'; 
    document.getElementsByTagName('head')[0].appendChild(link); 
})()

出典

2017-07-26 12:50:19

メテオでFaviconを読み込めません

答えて

関連する問題