2017-08-15 3 views
0

私のリアクションアプリケーション:http://propeller.inでこのライブラリを使用したいが、それはjQuery上に構築されている。私もこれを試してみたReact.jsでjQuery依存ノードモジュールを使用するには?

import $ from 'jquery'; 
import 'propellerkit/dist/js/propeller.js'; 

::私は両方のノードモジュールがインストールされていることを確認作った

import 'jquery/dist/js/jquery.js'; 
import 'propellerkit/dist/js/propeller.js'; 

私は私のIndex.jsで、次の関連するコードは、コンポーネントを反応させるのが追加されました。何らかの理由で、私は$ is not definedのエラーが発生し続ける。あなたがバンドルするのWebPACKを使用している場合、あなたはProvidePluginを使用してjqueryを提供することができます

+0

へのリンク;'が、私はなかったので私はトップレベルの答えに値するとは思えませんでした。 – Brian

+0

ありがとうございますが、同じエラーです。 –

+0

'import * as $'を 'jquery/dist/js/jquery.js';または単に 'import 'jquery';'から試しましたか?それはjQueryをWebパッケージが作成するdistの "グローバル"として公開する必要があります。 – Brian

答えて

1

new webpack.ProvidePlugin({ 
    $: 'jquery', 
    jQuery: 'jquery' // this will try to find node jquery module 
}) 

あなたが 'jqueryの' から$として `輸入*試すことができますdocs

+0

パーフェクト。ありがとう! –

関連する問題