Material-UI v1.0.0.-beta React-Transition-Groupの問題

Question

material-ui v1.0.0-betaのテスト中に、webpack 3.8.0を使用してビルドするときに次のエラーが発生しました。私はthisのような他のいくつかの質問に出くわしましたが、誰かがこれが正当な問題であり、依然として人々に見られることを確認できたらいいと思っていますか？私はさらに"react-transition-group": "^2.2.1"をpackage.jsonに加えました。あなたの助けを前にありがとう。

ERROR in ../node_modules/material-ui-next/ButtonBase/Ripple.js 
Module not found: Error: Can't resolve 'react-transition-group/Transition' in './node_modules/material-ui-next/ButtonBase' 

私は、これは人々が根本的な原因が何であるか理解するのに役立つかもしれ場合には、私のpackage.jsonで"react-router": "^3.2.0",を持っています。

[UPDATE]調査している間、私はnode_modulesを削除し、発行npm cache cleanだけでなく、グローバルキャッシュがnpm ls -gp --depth=0 | awk -F/ '/node_modules/ && !/\/npm$/ {print $NF}' | xargs npm -g rmを発行することでクリアされていることを確認。これで問題は解決されませんでした。

Answer 1

手順に従ってください、ソリューションのために、このチケットで説明：この問題は、ビルド時の依存関係のためにどのようにwebpack検索に関連し、一人ひとりのためのすべてのピアの依存関係の依存関係グラフを確立ソリューション のmaterial-ui-next/9356

概要モジュール。さらに掘り下げると、material-ui@0.19.4はピア依存関係としてreact-transition-group@1.2.1、material-ui-next@1.0.0 betaはピア依存関係としてreact-transition-group@2.2.1となっています。 material-ui-nextからコンポーネントをインポートするときに、私は私のプロジェクトの両方material-uiリリースを持っているので、また、私は疑う、material-ui-nextの観点からreact-transition-group@2.2.1の予想パスがproject/node_modulesどうやら原因material-ui-next下material-uiの2つのバージョン、後でインストールをreact-transition-group@2.2.1有することにあります。 webpackパス構成で

、次の行を追加します。

module.exports = { 
    app: path.resolve(CURRENT_WORKING_DIR, "app"), 
    assets: path.resolve(CURRENT_WORKING_DIR, "public", "assets"), 
    compiled: path.resolve(CURRENT_WORKING_DIR, "compiled"), 
    public: "/assets/", 
    modules: path.resolve(CURRENT_WORKING_DIR, "node_modules"), 
    extraModules: path.resolve(CURRENT_WORKING_DIR, 
    "node_modules/material-ui-next/node_modules"), 
}; 

そして最後にwebpack年代resolve属性に余分なパスを追加します。downvoteについて

module.exports = { 
    modules: [PATHS.app, PATHS.modules, PATHS.extraModules], 
    extensions: [".js", ".jsx", ".css"], 
};