Error in "./App.tsx": Module parse failed: Unexpected token

[sleaper]

Question

I successfully set up my React native app v0.69 with Repack v3 and pnpm. I executed all the necessary steps that are here: https://re-pack.netlify.app/docs/getting-started. I can install the app with npx react-native webpack-bundle command. Also I have node v16.14.2 and I use this default webpack config template: https://github.com/callstack/repack/blob/main/templates/webpack.config.mjs

But when I start webpack with this command npx react-native webpack-start I get this error message:

If you need more information feel free to ask.

[jbinda]

hi @sleaper ! Thanks for posting your question.

I assume after initial setup that you've mentioned you still have Metro. Can you try to run the app using metro and see if that will work ?

If yes, you can also try use node 16.15.0.

[RafikiTiki]

@sleaper please try updating node to at least 16.15.x. Here's the PR (nodejs/node#41736) which removes the need to pass --experimental-json-modules flag in order to handle json modules. It was merged in node 16.15.

[sleaper]

hi @sleaper ! Thanks for posting your question.

I assume after initial setup that you've mentioned you still have Metro. Can you try to run the app using metro and see if that will work ?

If yes, you can also try use node 16.15.0.

Metro works perfectly well, I will try to update node.

[RafikiTiki]

@sleaper any luck with node 16.15.0?

[sleaper]

Could not make it work even with node v.16.15.0. For now I will have to use pnpm without symlinks.

[RafikiTiki]

If you can provide a minimal reproduction repository I might be able to help :)