2017-08-08 14 views
3

リアクションアプリのファイルをリアクションネイティブアプリに入れたいと思います。リアクションアプリと反応ネイティブアプリ

ReactアプリでReactネイティブコンポーネントをサポートするためにReact Native Webを使用しました。

最後のステップReact AppフォルダからReact Native Appフォルダにすべてのファイルを置きたいと思います。

差がPackage.json

であるがPackage.jsonに反応:

{ 
    "name": "appname", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "react": "^15.6.1", 
    "react-dom": "^15.6.1", 
    "react-scripts": "1.0.10" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
} 

はネイティブPackage.jsonに反応:

{ 
    "name": "appname", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
     "start": "node node_modules/react-native/local-cli/cli.js start", 
     "test": "jest" 
    }, 
    "dependencies": { 
     "react": "16.0.0-alpha.12", 
     "react-native": "0.47.1", 
     "react-native-windows": "0.47.0-rc.5" 
    }, 
    "devDependencies": { 
     "babel-jest": "20.0.3", 
     "babel-preset-react-native": "2.1.0", 
     "jest": "20.0.4", 
     "react-test-renderer": "16.0.0-alpha.12", 
     "rnpm-plugin-windows": "^0.2.7" 
    }, 
    "jest": { 
     "preset": "react-native" 
    } 
} 

だから、私は2つのパッケージをマージすることができ可能です一緒に?

+0

私は今使っていますhttps://github.com/react-everywhere/re-start/tree/react-16 – amorenew

答えて

1

ネイティブアプリの場合、React Nativeのpackage.jsonをマージする必要はありません。あなたはネイティブアプリで "反応dom"と同様のlibsを必要としません。あなたのコンポーネントがすべてReact Native for Webからのものであれば、それをネイティブで実行する上で問題はありません。

+0

ネイティブとウェブの両方がネイティブではないので、マージしたいと思います。 – amorenew

+0

あなたがスクリプトで見ることができるように、Webで "start"はネイティブと異なる – amorenew

+0

"react": "^ 15.6.1"と "16.0.0-alpha.12"あなたは16-beta、seamsの両方でそれらを実行しようとすることができますReact Native for Webはこれを今サポートしていますhttps://github.com/necolas/react-native-web/issues/364私はそれを試していません。私のプロジェクトでは、別のフォルダ "app"(ネイティブアプリを含む)と "web"(別のnode_modulesを持ち、 "app"フォルダにあるsrcファイルを共有しています) – zarcode

関連する問題