main.jsbundle, Foundation and Security missing in the project, causing error

Question

I\'ve noticed that file main.jsbundle file is missing from the project and am not sure of how to fix it, should I delete the file / is there a step I can perform to

Answer 1

I'm on a mac. I'm new to react native, I had the same issue. After 2 hours of trying everything suggested, I solved it. I realised that you need to first start it on a different tab inside the terminal and then run the command "react-native run-ios". So if you still have problems, open terminal, have 2 tabs open. 1) First cd to your project and enter "npm run start". 2) Then go the second tab and enter "react-native run-ios". That should do it.

If you have problems with "react-native run-android" then you should have its simulator open beforehand. Open a third tab and go to ~/Library/Android/sdk/tools, then enter "./emulator -list-avds" to see your installed android simulators, then start one with "./emulator -avd {your-emulator-name}". When you are done, hit "react-native run-android".

Answer 2

The problem can be resolved as follows

• By using the react native command line
• $ react-native bundle --entry-file ./index.ios.js --platform ios --bundle-output ios/main.jsbundle using this in the root of the react native project
• When the main.jsbundle file is generated add it back to the Add Files to Project option
• Just verify that the file is included in the build phase and re-build

Update For the asset destination to be set they have to be in same folder.

Try this,it would create the asset folder

$ react-native bundle --entry-file ./index.ios.js --platform ios --bundle-output ios/main.jsbundle --assets-dest ./ios

Answer 3

If you're ejecting from create-react-native-app on react-native v0.50+ the index.ios.js and index.android.js files are now combined into index.js

Before or after ejecting run

npm i -g react-native-cli if you npm install

or

yarn global add react-native-cli if you yarn install

...After Ejecting...

[bad advice]run react-native bundle --entry-file ./index.js --platform ios --bundle-output ios/main.jsbundle . <-- Do Not do this.

[UPDATE] The main.jsbundle is created when xcode opens the terminal bundler. make sure you don't close the terminal window and it will run fine.

Answer 4

i am using react-native version- 0.47.1 in my case after running the command suggested by @pritishvaidya solved the main.js bundle issue, but even in release build i could see the yellow warning boxes. So i modified the command by adding --dev false. That did the trick. Leaving this updated command here in case, someone is stuck like me.

react-native bundle --entry-file ./index.ios.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ./ios