NativeBase: The development server returned response error code: 500
Hello,
I’m getting an error. Its screenshots in here;
and also the output is:
`The development server returned response error code: 500
URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false
Body:
{“originModulePath”:“C:\Users\Burak\Desktop\AwesomeProject\node_modules\native-base\dist\src\basic\Tabs\index.js”,“targetModuleName”:“react-timer-mixin”,“message”:“Unable to resolve module react-timer-mixin from C:\\Users\\Burak\\Desktop\\AwesomeProject\\node_modules\\native-base\\dist\\src\\basic\\Tabs\\index.js: Module react-timer-mixin does not exist in the Haste module map\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 Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache.\n 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.”,“errors”:[{“description”:“Unable to resolve module react-timer-mixin from C:\\Users\\Burak\\Desktop\\AwesomeProject\\node_modules\\native-base\\dist\\src\\basic\\Tabs\\index.js: Module react-timer-mixin does not exist in the Haste module map\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 Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache.\n 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.”}],“name”:“Error”,“stack”:“Error: Unable to resolve module react-timer-mixin from C:\\Users\\Burak\\Desktop\\AwesomeProject\\node_modules\\native-base\\dist\\src\\basic\\Tabs\\index.js: Module react-timer-mixin does not exist in the Haste module map\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 Metro Bundler cache: rm -rf /tmp/metro-bundler-cache-* or npm start -- --reset-cache.\n 4. Remove haste cache: rm -rf /tmp/haste-map-react-native-packager-*.\n at ModuleResolver.resolveDependency (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:183:15)\n at ResolutionRequest.resolveDependency (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)\n at DependencyGraph.resolveDependency (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\node-haste\DependencyGraph.js:273:16)\n at Object.resolve (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\lib\transformHelpers.js:261:42)\n at dependencies.map.result (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:391:31)\n at Array.map (<anonymous>)\n at resolveDependencies (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:388:18)\n at C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:261:33\n at Generator.next (<anonymous>)\n at asyncGeneratorStep (C:\Users\Burak\Desktop\AwesomeProject\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)”}
processBundleResult
BundleDownloader.java:296
access$200
BundleDownloader.java:37
onResponse
BundleDownloader.java:174
execute
RealCall.java:206
run
NamedRunnable.java:32
runWorker
ThreadPoolExecutor.java:1167
run
ThreadPoolExecutor.java:641
run
Thread.java:764
`
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Reactions: 16
- Comments: 39 (3 by maintainers)
npm install react-timer-mixin
This fixed me up.
@buraksakalli Why is this closed? This is a very obvious issue that many people are facing. I am even chatting with other people on the Slack org who are also facing this issue and who have been unable to solve it. If there are breaking changes to the app, would it not make sense to keep this issue open so we can get them fixed?
I realize some people have got it working with a lower version of RN but a lot of us are not successful doing so.
Fixed with 2.11.0
@buraksakalli I still had a this issue and its really frustrating. I tried to fix it with lot of suggestions but they all are shooting in a dark. I would appreciate if you open up this issue until we find proper solution.
This is driving me crazy. I have been trying to figure this out all day. When I downgrade RN that is still not fixing the issue for me.
I’m getting this issue in 2020, I’ve tried npm install react-timer-mixin but it doesn’t work. Please help me!
@suvenduchhatoi Is installing
react-timer-mixinrecommended solution or just a quick fix?According to RN 0.58 release notes mixins have been removed. Refer below link
https://github.com/facebook/react-native/issues/21581
I’m getting this issue in 2020, I’ve tried npm install react-timer-mixin but it doesn’t work. Please help me!
Thanks for all the above inputs, the following helped sovle
@wuno @connect2jc
npm install react-timer-mixinfixes the issue, please see if you are closing your metro instances and then clearing your cache before running it again…And you don’t even need to downgradereact-nativeversion…Downgrading to RN 0.56.0 fixed that for me for now.
This is basically #2534 except I installed react-timer-mixin to get around your error, which was removed in the latest RN version. Native-base does not work with the latest RN 0.58.0 and there are a lot of various breakages.
+1, installed NativeBase on a fresh React Native setup using instructions from the guide. I’ve followe instruction from the error/linked issue, but to no avail.