2016-12-30 2 views
0

のHyのWebPACK/jquery.ns-自動拡張キャッチされない例外TypeErrorは:そこ未定義

私は、一般的にWebPACKのか、JS-bundelに新たなんだのプロパティ 'FN' を読み取ることができません。だからこの質問はダムと聞こえるかもしれません。もしそうなら、私は残念です。

私はすべてのJSファイルをバンドルするためにwebpackを使用しています。これまでのところ私はこのイムmain.jsあります

var jQuery = require('jquery'); 
var autogrow = require('jquery.ns-autogrow'); 

(function($){ 

    $(function(){ 
     $('textarea').autogrow(); 
    }); 

})(jQuery); 

をしかし、今、私は右NS-自動拡張プラグイン/モジュールの先頭でUncaught TypeError: Cannot read property 'fn' of undefinedを取得します。

私は間違って依存関係を必要としましたか?

答えて

0

あなたはこのようにそれを使用するようにアプリのグローバルスコープでjqueryの依存関係を含める必要があります:あなたが見ることができる

externals: { 
    // require("jquery") is external and available 
    // on the global var jQuery 
    "jquery": "jQuery" 
} 

(function($){ 

    $(function(){ 
     $('textarea').autogrow(); 
    }); 

})(jQuery); 

それを行うには、次のようなものを使用する必要があります詳細はaddress

+0

ありがとうございました! '、jQuery": "jQuery"} 'をwebpack gulpタスクに追加し、' main.js'から 'var jQuery = require( 'jquery');を削除しました。しかし、今はjQueryも含まれていません。 –

+0

これで少しクリアしているようです。私が「外部」に入れると、webpackはwebpackバンドルの外にjQueryが含まれると思います。しかしバンドルにもjQueryを組み込みたいのですが? –

+0

'$ jQuery = require( 'jquery');を使用しても、$ aliasを使用できるようにするために、このステートメントを外部:" $ ":" jQuery "でwebpack confに追加できます。 – Tony

関連する問題