React Photowipeを取り外したバベル5オプションを使用して

Question

私はちょうど反応に取り掛かり始めています。私が望む最初のコンポーネントの1つはphotoswipe.jsを使用するものです。 （react photoswipe）npmにかなりまともなものがあるようですが、私は問題に遭遇しています。私のストーリーブックを実行してコンポーネントのテストとビルドを開始すると、バベルからエラーが発生します。それは言う：

in ./~/react-photoswipe/lib/index.js 
Module build failed: ReferenceError: [BABEL] C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\react-photoswipe\lib\index.js: Using removed Babel 5 option: C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\react-photoswipe\.babelrc.stage - Check out the corresponding stage-x presets http://babeljs.io/docs/plugins/#presets 
    at Logger.error (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-core\lib\transformation\file\logger.js:41:11) 
    at OptionManager.mergeOptions (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-core\lib\transformation\file\options\option-manager.js:220:20) 
    at OptionManager.init (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-core\lib\transformation\file\options\option-manager.js:368:12) 
    at File.initOptions (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-core\lib\transformation\file\index.js:212:65) 
    at new File (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-core\lib\transformation\file\index.js:135:24) 
    at Pipeline.transform (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-core\lib\transformation\pipeline.js:46:16) 
    at transpile (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-loader\lib\index.js:46:20) 
    at C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-loader\lib\fs-cache.js:79:18 
    at ReadFileContext.callback (C:\Code\GIT\DanStatenReact\DanStatenUI\node_modules\babel-loader\lib\fs-cache.js:15:14) 
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:365:13) 

は、だから私はチャンスをうかがっのビットを行なったし、バベルのrcファイルがステージに設定されるように見えることに気づいた：0コンポーネントを生産している場合は私の理解から、本当に悪いアイデアのように思えることjavascriptの仕様が更新され、進化するにつれて耐久性があると考えられています。

私は今でもかなり使い慣れていますが、新しいコンポーネントで自分の環境で動作させるために、このコンポーネントをアップデートする必要があるかどうかを調べるのは苦労しています。以前このコンポーネントでこの問題が発生したことはありますか？誰かがバイブル蒸留塔の問題を解決し、私が更新する必要があるものを追跡する方法に関するアドバイスやヒントを持っていますか？

Answer 1

.babelrcreact-photoswipeは、バーベル6では機能しません。main entry point of the module is lib/index.jsには、既にトランスビルドされたコードが含まれているため、必要ありません。あなたはもう一度それを蒸散しようとしており、それに最も近いのは自動的に.babelrcです。

{ 
    test: /\.js$/, 
    loader: 'babel-loader', 
    exclude: /node_modules/ 
} 

それはあなたの問題を修正するだけでなく、ビルド時間を短縮：

次の例のように、あなたのWebPACKの設定でnode_modulesを除外する必要があります。

Answer 2

マイケルが正しい方向を指してくれてありがとう。私は、完全なビルドを通して実行しないノードモジュールを教えるホワイトリスト構成を持つ反応ストーリーブックツールを使用して、コンポーネントをテストしてビルドしています。私はそのホワイトリストに反応写真を追加しなければなりませんでしたが、今はうまくいきます。うまく始めると、この問題は解決されます。