2016-04-05 10 views
1

サイトにスクリプトタグを追加する必要がありますが、動作させることができません。Meteor + Reactを使って、ヘッドタグにスクリプトを追加する方法は?

説明はサイトのヘッドタグに追加すると言いますが、Meteor + Reactを使用していますが、追加するヘッドタグもHTMLページがありません。流星のチュートリアルで

それはだから私は、クライアントのディレクトリ内のhtmlファイルを追加し、headタグ内のスクリプトタグを追加し、それが動作しません

Meteor parses all of the HTML files in your app folder and identifies three top-level tags: <head>, <body>, and <template>. 

Everything inside any <head> tags is added to the head section of the HTML sent to the client, and everything inside <body> tags is added to the body section, just like in a regular HTML file. 

を言います。 Meteorは私のプロジェクトでhtmlファイルの変更を受け取りません。 htmlファイルが存在しないかのようです。

メインレイアウトコンポーネントがマウントされたにもかかわらず、jquery getScriptを使用してスクリプトを追加しようとしましたが、それも動作しませんでした。

答えて

7

私は同じ問題を抱えていました。高位コンポーネントのcomponentDidMountにロードできました。

componentDidMount() { 
    function loadScript() { 
     var script= document.createElement('script'); 
     script.type= 'text/javascript'; 
     script.src= 'yourURLhere.js'; 
     script.async = true; 
     document.body.appendChild(script); 
    } 
    loadScript(); 
} 
+0

スクリプト内で関数を動的に追加できますか? –

+0

@YASHDAVE確かに、私はなぜそうではないのか分かりません。 – Sauce

0

また react-helmetを使用することができます。

+0

これがなぜこの問題を解決するのか、より多くの文脈を与えることができますか? –

関連する問題