Hello, having issues starting up the NativeBase-KitchenSink Project in React Native
I keep receiving the following error
The development server returned response error code: 500
URL: http://10.0.2.2:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false
Body:
{"from":"C:\Users\Martin\Documents\React JS\NativeBase-KitchenSink\node_modules\native-base\dist\src\basic\Tabs\SceneComponent.js","to":"react-native/Libraries/Components/StaticContainer.react","message":"Unable to resolve module react-native/Libraries/Components/StaticContainer.react
from C:\\Users\\Martin\\Documents\\React JS\\NativeBase-KitchenSink\\node_modules\\native-base\\dist\\src\\basic\\Tabs\\SceneComponent.js
: Module does not exist in the module map or in these directories:\n C:\Users\Martin\Documents\React JS\NativeBase-KitchenSink\node_modules\native-base\node_modules\react-native\Libraries\Components\n, C:\Users\Martin\Documents\React JS\NativeBase-KitchenSink\node_modules\react-native\Libraries\Components\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\n 1. Clear watchman watches: watchman watch-del-all
.\n 2. Delete the node_modules
folder: rm -rf node_modules && npm install
.\n 3. Reset packager cache: rm -fr $TMPDIR/react-*
or npm start --reset-cache
.","name":"UnableToResolveError","type":"UnableToResolveError","errors":[{}]}
onResponse
DevServerHelper.java:339
execute
RealCall.java:126
run
NamedRunnable.java:32
runWorker
ThreadPoolExecutor.java:1133
run
ThreadPoolExecutor.java:607
run
Thread.java:761
My package file is as follows
{
"name": "NativebaseKitchenSink",
"version": "2.0.0",
"private": true,
"scripts": {
"postinstall": "remotedev-debugger",
"start": "node node_modules/react-native/local-cli/cli.js start",
"eslint": "eslint",
"test": "jest",
"eject-native-base": "node node_modules/native-base/ejectTheme.js"
},
"dependencies": {
"color": "0.11.1",
"lodash": "4.13.1",
"moment": "2.13.0",
"native-base": "https://github.com/GeekyAnts/NativeBase#master",
"react": "15.4.2",
"react-native": "0.42.3",
"react-native-code-push": "1.17.0-beta",
"react-native-easy-grid": "0.1.8",
"react-native-modalbox": "1.3.4",
"react-native-navigation-redux-helpers": "0.5.0",
"react-native-router-flux": "3.37.0",
"react-native-scrollable-tab-view": "0.6.0",
"react-redux": "4.4.5",
"redux": "3.5.2",
"redux-form": "6.2.0",
"redux-persist": "3.2.2",
"redux-thunk": "2.1.0",
"remote-redux-devtools": "0.3.3",
"whatwg-fetch": "1.0.0"
},
"devDependencies": {
"babel-eslint": "6.1.2",
"babel-jest": "16.0.0",
"babel-preset-react-native": "1.9.0",
"chai": "3.5.0",
"eslint": "3.5.0",
"eslint-config-airbnb": "11.1.0",
"eslint-plugin-import": "1.14.0",
"eslint-plugin-jsx-a11y": "2.2.1",
"eslint-plugin-react": "6.2.0",
"eslint-plugin-react-native": "2.0.0",
"jest": "16.0.2",
"jest-react-native": "16.1.0",
"mocha": "2.5.3",
"react-test-renderer": "15.4.2",
"remote-redux-devtools-on-debugger": "0.4.6",
"remotedev-server": "0.1.2"
},
What am I doing incorrectly? Please bear with me as I am new to react-native and nativebase.