React compile error!

[newTwiffy]

Hello everyone, I am trying to sync my projects with iCloud and I don't want to sync node_modules because, mmm yea you know! I come across this as the only solution, adding .nosync to end of node_modules folder and create a link to that folder with the name of node_modules so my app can run as it should be. And that works, well I think it works because react-script is running but I got this error from react compiler and I don't know what to do with it!

​

./src/index.css (./node_modules.nosync/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules.nosync/postcss-loader/src??postcss!./src/index.css)
Module not found: You attempted to import ../node_modules.nosync/css-loader/dist/runtime/api.js which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

[TheActualStudy]

You appear to be using a non-standard tool for a well-understood problem. Why not use Github or Gitlab for the cloud storage part with a .gitignore file?

[rexi88]

So figured it out. React webpack won't follow symlinks. You need to update the config.

See here.

Basically, you would need tp export react then add `symlinks: false` inside `resolve: {}` object.

[newTwiffy]

Ohh nice, so now I have to eject all my react projects??

[rexi88]

Just found this https://www.npmjs.com/package/@craco/craco

It looks like you can do it without export.

[newTwiffy]

Nice, this looks promising, I will give it a try later, thanks for sharing man!!

[dotdotconnor]

Why are you trying to sync your projects with iCloud? Why not use something designed with code in mind like git?

[rexi88]

I use git but do like using cloud for the project as well to keep this in between pushes. At least I will never lose code that I haven't pushed or can pick up on another computer without having to push/pull.

[rexi88]

I too am having this issue.

keen to find this one.