2017-04-02 5 views
1

私はbrowserifyを見つけました。だから私は、バンドルを構築Browserifyドキュメントが定義されていません

window.document.body.appendChild(this.canvas) 
    module.exports = Renderer 

私もmain.js

var Renderer = require("Renderer.js") 
var r = new Renderer(); 

を持っています。しかし、私は体(:Renderer.jsファイル名)にcanvas要素を追加しようこのような:

browserify main.js -o bundle.js 

を、私はプロジェクトを開始するとき

node server.js 

私は、次のエラーメッセージ

  • にReferenceError取得:(ときwindow.document.body)
文書が定義されていません(のみdocument.body場合)
  • とウィンドウが定義されていませんが

    誰かがこの動作とその修正方法を説明できますか?

  • +0

    これらの変数をスクリプトの先頭に宣言すると役立ちますか?単に 'var window;'や 'var document;'を追加するのと同じですか? – skwidbreth

    +0

    私は本当に理解できませんか? – greedsin

    答えて

    0

    サーバーでそのbrowserifyコードを実行しようとしましたか?サーバではwindowという要素はありませんが、ノードにはglobalという要素しかありません。代わりに、ブラウザーでコードをダウンロードし、ブラウザーで実行するためにブラウザーを使用する必要があります。

    browserifyライブラリは主に、クライアント用のパッケージをrequireという形式の呼び出しを使用してバンドルすることに注意してください。

    +1

    はい私はこれを認識していますが、このコードはクライアント – greedsin

    関連する問題