Updated to latest Expo - No longer Fast Refreshes
See original GitHub issue🐛 Bug Report
Environment
Expo CLI 3.18.6 environment info:
System:
OS: macOS Mojave 10.14.6
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.13.0 - ~/.nvm/versions/node/v10.13.0/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 6.4.1 - ~/.nvm/versions/node/v10.13.0/bin/npm
IDEs:
Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
npmPackages:
expo: ^37.0.0 => 37.0.7
react: 16.9.0 => 16.9.0
react-native: https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz => 0.61.4
npmGlobalPackages:
expo-cli: 3.18.6
iOS
Expected Behavior
I just ran expo upgrade to update expo to the latest version. Upon finishing and reloading, expo no longer refreshes on change.
Actual Behavior
Once upgrading expo, I expect my app to open with no issue
I’m getting this error message
TypeError: hmrClient.send is not a function. (In 'hmrClient.send(JSON.stringify({
type: 'log-opt-in'
}))', 'hmrClient.send' is undefined)
enable
HMRClient.js:70:19
setup
HMRClient.js:241:6
callFunctionReturnFlushedQueue
[native code]:0
Reproducible Demo
In console, run expo upgrade. Start app and the error appears
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:7 (3 by maintainers)
Top Results From Across the Web
react native - Why is expo not refreshing when I save changes?
2 Option: Go to your device Settings find Expo Go and force stop or clean cache then reopen it. Unfortunately I noticed this...
Read more >[Bug] Fast refresh not working in typescript expo app #1529
Run project from terminal with expo start , fast refresh works fine. Note: Not happening for every project, tested with javascript blank ...
Read more >Enabling Fast Refresh with Expo Web in 2022
I was looking for a solution to have Fast Refresh for Expo for Web just as we have it for ios and Android...
Read more >Fast Refresh with Expo Web! ♂️ - DEV Community
Currently there's no official Fast Refresh Webpack plugin, but you can get started today using a great community plugin by Michael Mok!
Read more >Fast Refresh - React Native
Fast Refresh. Fast Refresh is a React Native feature that allows you to get near-instant feedback for changes in your React components.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi @wontwon! Thanks for the issue report and your package file. It looks like your dependency
rnal
has an olderreact-native
dependency. This may cause some confusion for the metro bundler. I can see it’s fixed in the repository, but it’s not yet released on NPM. You can ask the maintainer to release that version of rnal, or use the master branch as workaround:rnal@0.2.1
dependenciesHope it helps! 😄
Hi there, Just for future reference to who finds this.
I was struggling with the same issue (since bumping to RN 0.61), to solve it:
metro-react-native-babel-preset
, set it to at least0.56
react-native
and check each version, if it doesn’t match yourpackage.json react-native dependency
version, you are gonna get this error