2016-05-02 7 views
-1

誰でもこのrequireまたはdebug NPMモジュールをブラウザで動作させることができましたか?ブラウザでこのNPMモジュールを動作させるには、このような要求またはデバッグを行うことができましたか?

debug NPM module'sページのスクリーンショット&の説明によると、そのように使用できます。しかし、それを使用しようとすると、次のエラーが表示されます。

Uncaught ReferenceError: require is not defined 

どのようにこの問題を解決できますか? browserify NPMモジュールでrequire()メソッド&を使用することができることはわかっていますが、それはES6→ES5からのトランスレーションが必要です。だから私はrequire NPMモジュールをインストールすることによって、その蒸散要件を回避しようとしました...しかし、どちらも動作しません。

質問:誰もブラウザで動作するためにrequireモジュールまたはdebugモジュールを入手できましたか?もしそうなら、あなたはどうやってそれらを機能させましたか?

答えて

0

ここに簡単な例があります。

helloworld.js:index.htmlを

// create a logger with name `hello-world` 
const debug = require('debug')('hello-world'); 
debug('hello world'); 

<!doctype html> 
<html> 
    <head> 
    <script> 
     // enable loggers with name matching `hello-world` 
     localStorage.debug = 'hello-world' 
    </script> 
    <script src='bundle.js'></script> 
    </head> 
</html> 

bundle.jsを生成するには、あなたはBrowserifyを使用することができます。

$ browserify helloworld.js > bundle.js 
関連する問題