After the upgrade from Expo 42 to 46 I get these errors when running the app on the web while I do no get errors running it on android with ExpoGo:
Uncaught TypeError: "exports" is read-only
js _EmitterSubscription.js:62
js bundle.js:86756
Webpack 37
_EmitterSubscription.js:62
./node_modules/react-native/Libraries/vendor/emitter/_EventEmitter.js:66:10
Attempted import error: './_EmitterSubscription' does not contain a default export (imported as 'EmitterSubscription').
64 | return (this._subscriber.addSubscription(
65 | eventType,
66 | new EmitterSubscription(this, this._subscriber, listener, context),
| ^
67 | ): $FlowFixMe);
68 | }
69 | react-native-logs.fx.ts:22
The package.json looks like this:
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"@expo/vector-icons": "^13.0.0",
"@expo/webpack-config": "^0.17.0",
"@react-native-async-storage/async-storage": "~1.17.3",
"@react-navigation/bottom-tabs": "^5.11.8",
"@react-navigation/native": "^5.9.2",
"apisauce": "^2.0.1",
"expo": "^46.0.0",
"expo-constants": "~13.2.4",
"expo-location": "~14.3.0",
"formik": "^2.2.6",
"lodash": "^4.17.21",
"parse": "^3.4.0",
"prop-types": "^15.7.2",
"react": "18.0.0",
"react-dom": "18.0.0",
"react-native": "0.69.6",
"react-native-reanimated": "~2.9.1",
"react-native-safe-area-context": "4.3.1",
"react-native-screens": "~3.15.0",
"react-native-web": "~0.18.7"
},
"devDependencies": {
"@babel/core": "^7.18.6"
},
"private": true
}
What can I do to make the app work on the web again?