問題タブ [reactify]

watchify/browserify を使用して、このコマンドでデバッグ ソース マップを含むバンドルを作成します。

Chrome DevTools を使用して結果のアプリをデバッグすると、元のネストされたフォルダーの場所でソース ファイルにアクセスでき、DevTools の [ソース] パネルに表示されます。

ただし、このコマンドで反応を実行すると、

Chrome DevTools は、同じフォルダー内のすべてのソース ファイルを表示しbundle.js、ファイル名には完全なローカル パス名が含まれます。

ファイルが長すぎて表示できないため、ソースパネルと個々のタブの両方で正しいファイルを識別するのが面倒で難しいと感じています。

ソースファイルが元のフォルダーの場所に表示されるように、これを回避する方法を知っている人はいますか (pic 1 のように)。どうも

私の Nodejs アプリケーションでは、React を使用しています。.jsxファイルをファイルに変換するために、ブラウザ化 + 反応化しjsます。エントリjsファイルで次のコード行を使用します。

node-jsx非推奨であることに気付きました。反応ファイルを既に反応させている場合でも、この行が必要ですか?

jsx 変換に reactify を使用しようとしていますが、reactify を使用して jsx から通常の js への変換を行いました。しかし、変換した js ファイルを実行しようとすると、どういうわけかコンテンツが表示されません。しかし、ブラウザ jsxtransformer にインポートすると、コンテンツが表示されます。手順のエラーを理解できません。誰かがそれについて知っているなら、私を助けてください。ありがとうございました..

私はjsx変換を試みています。反応ツール、反応、反応をインストールしました。reactify は browserify のプラグインだと思います。reactify があれば、browserify をインストールする必要はありません。しかし、コマンドを実行するbrowserify -t reactify public/js/flux/index.js > public/js/build/index.jsと、エラーが発生します"browserify is not an internal or external command."

これに対する解決策は何ですか？

ハッピーサンクスギビング！

私は状況に直面しており、誰かが私を助けてくれることを願っています. package.json ファイルがあり、es6 をトランスパイルしようとしていますが、何が間違っているのか正確にはわかりません。私は現在のpackage.jsonのJS Fiddleを持っています: http://jsfiddle.net/jdubba/nnhytbdr/しかし、主に、私はここにこの行を持っています:

私が読んできたものから、「browserify」オブジェクトの「transform」の下で、次のようなことができるはずです：

しかし、私はこれを間違ってやっています。ここで見つけたものから離れます: https://github.com/andreypopp/reactify

変換配列を次のように変更すると:

次に、コードに import ステートメントを追加すると、次のエラーが発生します。

Parse Error: Line 2: Illegal import declaration while parsing file:

その後、必然的に別の発見の道に私を送りました：

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=解析+エラー+不正+インポート+宣言+while+解析中

しかし、私の問題を解決するものは何も見つかりませんでした。これillegal import declaration errorはかなり一般的ですが、私は grunt や gulp を使用しなくても機能するソリューションに興味があります (これは主に私が見ているものです)。誰か手を貸してくれませんか？