Hello,
I’ve been using react-scripts to run my web app for some time now. My web app runs fine on react-scripts, but I’ve been trying to run my web app on the new Expo web CLI for some time now, with no success.
My project structure is such that the web app and the native app are both part of the same “Project” (Same tsconfig, build, etc.), but the actual source files are entirely separate from each other. Both use a shared /util folder.
I’m getting errors about packages that are only imported and used by files in my native app folder. I spent the morning trying to remove all those packages just so I could see if it would work, but can’t get any further. I removed react-native-svg-charts, and updated react-native-progress as mentioned here to get them to work - ART components should be imported from @react-native-community/art · Issue #158 · oblador/react-native-progress · GitHub.
However, upon following the instructions for installing react-native-community/art, I get the following error:
/Users/Varun/Documents/workspace/clyme/node_modules/@react-native-community/art/node_modules/react-native/Libraries/vendor/core/merge.js
Module not found: Can't resolve 'mergeInto' in '/Users/Varun/Documents/workspace/clyme/node_modules/@react-native-community/art/node_modules/react-native/Libraries/vendor/core'
I’m unsure if there is a way to configure the loader such that this will work? I tried reading around in GitHub - expo/web-examples: Examples of using Expo in the browser. with no success.
If my hunch is correct, then react-scripts is simply not importing these packages at all, which sidesteps the problem, but Expo is. So, my question is, is it possible to avoid importing the files on the web if they are not used? I suppose my options are either exploring that route, or going through and fixing all these issues that I only use on my native app, but are now causing issues with Expo Web.
Any help is really appreciated! Thank you.
One more note, this is how I configured my Expo app to test:
package.json:
"main": "index",
index.web.js:
import React from 'react';
import ReactDom from 'react-dom';
import App from './src/src/web/App';
ReactDom.render(<App />, document.getElementById("root"));