I am using Code-Push for my react-native project. I did such configuration quite-well. But after build it is successful I am seeing error in react-native CLI like below. I was thinking that this issue is about compatibility. I tried several ways. I read documentation bu
Error
Related
Has anyone been able to get React-Native 0.7, React-Native-Web and React-Navigation/Stack 6.2.3 to work on web? I have a small app working on iOS and Android which I am trying to enable on web too. iOS and Android portion work fine and using metro.
However, webpack build continues to error out with "Module parse failed: Unexpected token" on the NavigationContainer.
I tried searching both react-native-web and react-navigation Issues on their respective GitHub Repositories. However, could not find something to solve my issue. Also tried modifying webpack.config with several different configurations/loaders.
Used links below as a reference too:
https://arry.medium.com/how-to-add-react-native-web-to-an-existing-react-native-project-eb98c952c12f
https://gist.github.com/skabbes/0bfa0a969aac8ec13f716dda1ad2ab43
Yes, it happens that I maintain a library that does just that: creates a bare React Native app that also runs on the web: 🌒 Luna - https://github.com/criszz77/luna
Here is the live example: https://criszz77.github.io/luna/
You can find more on the wiki page about how it's implemented and you can also implement it by yourself: https://github.com/criszz77/luna/wiki
By using react-scripts, you don't have to handle webpack, babel and other hard configs by yourself.
It currently doesn't run on 0.7 (didn't have time to make the update), but it's in plan to support all the latest versions of course ASAP.
EDIT: Updated to 0.70.3 🎉
I have started my application and install npm packages using npm install, then as usual I have installed debug version of the application using npx react-native run-android, then started the application with npx react-native start. The works fine until I want to use debugger-ui and debug my application using react-native-debugger or fb-flipper.
The problem occurs when pressing r in the terminal and choosing Debug from the modal that appears on the emulator screen.
This is the error that I'm facing with int he terminal:
And also this one in the React Native Debugger tab in the chrome console:
As I'm using the latest version of react-native-reanimated in this project and have followed the installation instructions in the documentation I have used this command for installing that:
npm install react-native-reanimated#next
I have been looking into documentation and after reading that really carefully I have just figured out that the react-native-reanimated#2 is not going to work with react-native-debugger and you can run debugger-ui the documentation recommended to use facebook flipper another amazing developer tool for react-native apps.
I'm using react native version 0.40, and followed the read me from this repo and i'm getting the following error when I try to run react-native run-android:
could not find any matches for
com.google.firebase:firebase-messaging:+ as no versions of
com.google.firebase:firebase-messaging are available.
I have no clue what is the source for this error. I searched everywhere and I couldn't debug this problem.
I have found the answer, i need to update the android sdk google play services and google repository.
I am using ubuntu with android sdk installed, i type android in console and updated the packages.
I upgraded to react-native 0.16.0-rc, ran npm install, then ran react-native upgrade. When trying to launch the iOS app in a simulator (or device, doesn't matter) I get the error:
[error][tid:com.facebook.React.RCTExceptionsManagerQueue] Unhandled JS Exception: babelHelpers.interopRequireDefault is not a function. (In 'babelHelpers.interopRequireDefault(_reactNative)', 'babelHelpers.interopRequireDefault' is undefined)
I've just about run out of ideas here. Is there something I need to add to my xcode project maybe? Merging the latest react-native templates into mine was a nightmare so maybe something got messed up there.
This problem is discussed in this Github issue and fixed by this commit. You can apply this patch temporarily until it is merged into the project with the version 0.16.
when i build my react-native application using Xcode and launch it, the emulator shows the error red screen with the following message:
TransformError: /path/to/app/index.ios.js: /path/to/app/index.ios.js: Cannot read property 'line' of undefined]
message: 'TransformError: /path/to/app/index.ios.js: /path/to/app/index.ios.js: Cannot read property \'line\' of undefined',
I've built one application a month ago with react-native v 0.4.x and i've never had this message.
I've tried with node 0.12 and different versions of iojs
I'm using react-native v0.7.1 and xCode v6.4
The project is totally empty of any code wrote by me, i just:
$ react-native init reactNat (with react-native-cli v0.1.4)
I read that now react-native is directly integrated with babel and I suppose the problem came from that but with no more clues.
If anybody have an idea it would be very nice!
Thanks guys
You'll need to use node.js >= 4.0, as per the 'getting started' guide. You can use nvm to install multiple node versions on your system.