2016-03-18 8 views
2

jQueryプラグインをbrowserifyで動作させようとしています。私はそれがこのプラグインに関連する未定義のプロパティfnを読み取ることができません取得、しかしjQueryプラグインでブラウジング

"browser": { 
    "jquery": "./client/js/vendors/jquery-2.2.2.min.js", 
    "jquery-validation": "./client/js/vendors/jquery.validate.js" 
    }, 
    "browserify-shim": { 
    "jquery": "global:$" 
    }, 

、I require('jquery-validation'):私はこのような私のpackage.jsonを設定しています。私も$がそれを必要とせずに全面的に使用されるようにグローバルにするようにしています。

私はこのために非常に多くの記事と構成を見ましたが、何も動作していないようです。

ご意見やご要望があれば幸いです。

編集:私も時々Uncaught Error: Cannot find module 'jquery'

答えて

0

を取得

あなたがタイプミスを持っているように、あなたはあなたがそれはconpatibleだ、jqueryのシムにする必要はありませんrequire('jquery-validation')代わりのrequire('jquery-validate')

+0

申し訳ありませんが、それは私の質問のタイプミスでした。 – dzm

1
  1. を呼び出す必要がありそうですノードyooはnpm install jquery --saveでインストールし、コードにvar $= require("jquery")とするだけです。
  2. yoはシムjquery.validateする必要があります。

package.json:

{ 
    "browser":{ 
     "jquery-validation":"./node_modules/jquery-validation/dist/jquery.validate.js" 
    }, 
    "browserify-shim":{ 
     "jquery-validation":{ 
     "depends":[ 
      "jquery:jQuery" 
     ] 
     } 
    }, 
    "browserify":{ 
     "transform":[ 
     "browserify-shim" 
     ] 
    }, 
    "dependencies":{ 
     "jquery":"^2.0.0", 
     "jquery-validation":"^1.15.1" 
    } 
} 

注:jquery.validateは2.0 ^(あなたはjqueryの検証のNPMパッケージのpackage.jsonファイルで見ることができる)ので、あなたが持っているjQueryのバージョンに依存あなたのプロジェクトでjquery^2.0への依存関係を設定します。それ以外の場合、jquery-validationは彼自身のバージョンのjQueryをロードし、統合は機能しません。

関連する問題