2017-07-11 9 views
0

私はwebpack、babel、React、そしてこれらすべてのものが本当に新しいです。だから私はおそらく本当に明白なものを見逃しているでしょう私のReactプロジェクトでジャンプスタートを得るために、私はreact-redux-bootstrap-webpack-starterを使っています。それはすべてうまくいきますが、私の理解の欠如は私の最新の問題で実際に見えます。babel(babel-loader)で動作するようにnpmパッケージを取得する

問題:

私は 'jwt-decode' からjwtDecodeをインポートしようとしていると、それは次のようなエラーがスローされます。

./src/app/redux/modules/login.js 
Module not found: Error: Can't resolve 'jwt-decode/build/jwt-decode' in 
'/usr/src/app/src/app/redux/modules' 
@ ./src/app/redux/modules/login.js 12:17-55 
@ ./src/app/redux/modules/reducers.js 
@ ./src/app/redux/store/configureStore.dev.js 
@ ./src/app/redux/store/configureStore.js 
@ ./src/app/Root.js 
@ ./src/app/index.js 
@ multi react-hot-loader/patch webpack-hot-middleware/client 
./src/app/index.js 

私が何をした:

  1. 私はfrontend appをDocker化しました。そこでjwt-decodeパッケージをpackage.jsonに追加して再構築しましたイメージをilt。 Dockerビルドはnpm installを実行します。
  2. 私は試しました私は試しましたimport jwtDecode from 'jwt-decode/build/jwt-decode
  3. 同様にインストールされた他のnpmパッケージを参照できることを確認しました。新しいドッカーインスタンスで、私はlodashをインストールし、同じファイルにインポートしましたが問題はありませんでした。

私の仮説:

  • それはバベルとうまく動作しない可能特定のJWTデコードパッケージについての何かがあります。
  • これを動作させるには、jwt-decodeパッケージを変更するか、webpackとbabel-loaderを別々に設定する必要があります。どうやって?
+0

間違ったパスですか?パスは他のパッケージとは異なるようです – arracso

答えて

0

BabelはJWTデコードのためのものではありません.Webpackにはこれ以外の設定もありません。

「./src/app/redux/modules/login.js」のようにjwt-decodeを使用しようとしている場所のように見えます。アプリ内でディレクトリを見つけることができず、失敗しています。使用しているモジュールローダがjwt-decodeディレクトリへの正しいパスを参照していることを確認してください。 Babel蒸散によるES2015を使用している場合は、次のようにロードしてください。

import jwt_decode from "jwt_decode"; 
+0

これについてあなたのご意見ありがとうございます。私はそれが助けにならないのではないかと心配しています。メッセージはまだ本当に似ています。私が言ったように、私はnpmをインストールしてlodashをインストールし、インポートは魅力的な作品となりました。結局私は自分のメソッドを書くことに頼っていましたが、atob()のpolyfillを持っていないので、古いブラウザーに問題があるかもしれません。 ERROR in ./src/app/redux/modules/login.js モジュールが見つかりません:エラー: '/ usr/src/app/src/app/redux/modules'の 'jwt_decode/build/jwt_decode'を解決できません' –

+0

申し訳ありませんが、私は助けができませんでした。 おそらく 'jwt-decode'がpackage.jsonのあなたの依存関係にあると確信できるかもしれません。 その後、 'node-modules /'ディレクトリを削除してください。次に 'npm install'を再実行して依存関係を再生成し、' node-modules/'ディレクトリを再構築します – ardev

関連する問題