質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

2回答

1952閲覧

React-Nativeのreact-native-router-fluxを入れるとエラーが出る

RyoM

総合スコア90

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

React Native

React Nativeは、ネイティブモバイルアプリ(iOS/Android)を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2017/05/21 10:32

お世話になります。
react-nativeを使っている方に質問です。
react-native-router-fluxをnpmでインストールし、プロジェクトを立ち上げようとするとエラーが出ます。(以下がそのエラー内容です)

javascript

1[exp] Failed to build DependencyGraph: @providesModule naming collision: 2[exp] Duplicate module name: react-native 3[exp] Paths: C:\Users\ohs60275\Desktop\react-native\create-react-native-command\my-react-native-app\node_modules\react-native-router-flux\node_modules\react-native\package.json collides with C:\Users\ohs60275\Desktop\react-native\create-react-native-command\my-react-native-app\node_modules\react-native\package.json 4[exp] 5[exp] This error is caused by a @providesModule declaration with the same name across two different files. 6[exp] Error: @providesModule naming collision: 7[exp] Duplicate module name: react-native 8[exp] Paths: C:\Users\ohs60275\Desktop\react-native\create-react-native-command\my-react-native-app\node_modules\react-native-router-flux\node_modules\react-native\package.json collides with C:\Users\ohs60275\Desktop\react-native\create-react-native-command\my-react-native-app\node_modules\react-native\package.json 9[exp] 10[exp] This error is caused by a @providesModule declaration with the same name across two different files. 11[exp] at HasteMap._updateHasteMap (C:/Users/ohs60275/Desktop/react-native/create-react-native-command/my-react-native-app/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:159:13) 12[exp] at p.getName.then.name (C:/Users/ohs60275/Desktop/react-native/create-react-native-command/my-react-native-app/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:134:31)

エラー内容を読んでみる限り、名前が衝突していると言われているような気がします。
あと、似たようなエラーがgithubの方に載っていて、そこでは一度ノードモジュールをアンインストールし、再度入れるようなことが書いてあったので何度かそれを繰り返してもエラーがなくなりません。
もしお分かりの方がいらっしゃれば解決法もしくはヒントを教えていただけると非常に幸いです。
どうぞ、よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

react-native-router-flux が使う react-native バージョンと、お使いの react-native バージョンが異なるようです。
もしかしたら npm のバージョンが古いかもしれません。
Node.js 最新などで試してみたらどうでしょうか ?

投稿2017/06/04 08:17

januswel

総合スコア301

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

私も初心者に近いのですが、最新のreact nativeでは、「react-native-router-flux」は使えないと思います。推奨していたのが、「ex-navigation」でしたが、更に推奨しているのが、EXPOの「registerRootComponent」の様です。
リンク内容

投稿2017/09/21 03:26

zukeyama

総合スコア11

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問