2017-08-16 7 views
0

私は現在、algoliaとpreactJSをベースにした1つの小さなプロジェクトですか?私は、反応のための藻類成分があることを発見しましたが、残念ながら、予備作用のための藻類成分はありません。だからこそ、私の問題は、どのようにしてalgolia javascriptファイルをpreactjに含めることができるのでしょうか?PreactJSに外部のjavascriptライブラリを含めるには?

<script src="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"></script> 
+0

でありますそれはあなたのプレアクトアプリとより良く統合されるかもしれません。私たちにあなたのご意見をお待ちしております。 – Marie

+0

@マリー 'React-InstantSearch'で試してみましたが、レンダリングしたときに' process'エラーが発生しました。それが私がそれを断念した理由です。 – ppshein

+0

エラーが発生したため、githubリポジトリに問題をオープンできますか?我々はそれについて調査する必要があります:) – Marie

答えて

2

あなたはこれを試してみてください、動的スクリプトを挿入することができます。

componentWillMount() { 
    const script = document.createElement("script"); 
    script.src = "https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"; 
    script.async = true; 

    script.onload = function() { 
     // init your algolia code here 
    } 

    document.body.appendChild(script); 
}, 
+0

'var client = algoliasearch( 'app'、 'key');' 'varインデックス= client.initIndex( 'my_index');' 'algoliasearch'が定義されていません – ppshein

+0

' '' algoliasearch'''は、スクリプトがロードされた後にのみ定義されます。このコードを '' 'script.onload =()=> {//あなたのコード//}' ''ブロックに追加してください。 –

1

あなただけのheadタグの間に、あなたのindex.htmlでそれを追加することができます。 ではindex.htmlにはPreactでpublic/index.html であり、反応して、index.htmlには、また、あなたがそれを見た場合、私は知らないが、我々はInstantSearchの別の風味を持って、-InstantSearchに反応src/index.html

<head> 
<script src="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"></script> 
</head> 
+0

preact-cliでは、htmlファイルはありません。唯一の.jsファイル。 – ppshein

+0

あなたの資産にスクリプトをダウンロードし、 'require( '../ assets/instantsearch.min.js');'(index.js)を使うのはどうですか?たぶん、相対パスの代わりにcdn URLを試してみてください。しかし、うまくいけばわかりません。 – Sbe88

+0

さらに、index.html https://github.com/developit/preact-todomvc/blob/master/src/index.htmlのプレアクトの例もあります – Sbe88

関連する問題