I'm trying to build an Ionic React project. I’m successfully compiling the project on the IOS simulator but It crashes when It opens. Error showing is
⚡️ ERROR: Unable to load public/index.html
⚡️ This file is the root of your web app and must exist before
⚡️ Capacitor can run. Ensure you’ve run capacitor copy at least
⚡️ or, if embedding, that this directory exists as a resource directory.
I have posted on ionic forum as well, Discussion Here
That means the app is not able to find the index.html file in the public folder.
If you run npx cap open ios it should open your Capacitor project in Xcode. There you should see a blue folder called public with the index.html on it.
If you don't see it, then first run npm run build and then npx cap copy.
If you still don't see it, check that the value of webDir in capacitor.config.json matches the folder to where react is building your app.
Related
I use flutter and it was working fine without any problem and suddenly this came out of nowhere "Could not build the application for the simulator. Error launching application on iPhone 14." and it happened to my friend too who work on the same project
Note we are using Mac
I tried flutter clean and run it again
pod update and also I delete the iOS folder and I put back my runner folder ...
I even start all over new Project and firebase
I solved this problem by doing a new flutter project and paste all the lab folder files one by one on it
Deleted the new iOS folder and also paste my old one instead
then in the terminal
flutter pub cache repair
flutter update
and it worked 👍🏼
I am stuck with an Admob problem. I cannot display the application on the emulator. The app works great on Android.
This is the Runner/GeneratedPluginRegistrant.m:
This file is generated automatically.
What can I try to solve this issue?
This happens to me seemingly at random with whichever package iOS doesn't feel like cooperating with on a particular day.
This has worked for me in the past:
run flutter clean in terminal
run flutter pub get
navigate to iOS folder cd ios
run pod install
Sometimes that does it by itself.
Other times I find I've had to delete the entire iOS folder then have recreate it with
flutter create .
Then sometimes I would re-create the folder then do all the first steps again before I can build successfully.
If you do that and have Firebase in your app, keep in mind you'll have to re-add your GoogleService-Info.plist file via X-Code.
It's been a while since I developed in ionic ( 1 yr ). I think things have changed.
I used to be able to create a new blank template ionic project at a local folder on the mac and then replace its placeholder www folder with another project's www folder. This used to work.
Now, replacing the www folder in that ionic blank project makes no difference when I run any of these commands
ionic serve
cordova build ios
cordova emulate ios
I keep seeing the "The world is your oyster" message.
In fact, when I even renamed the local folder that was holding the entire ionic project, the cordova build ios still has worked without any complaints.
Clearly, the code is running somewhere else.
I also notice this at the terminal prompt:
➜ vb git:(master)
Here the git:(master) thing is new to me. Could this be the culprit?
If so, how can I disassociate the github aspect so I can work on the local and quickly test the changes I will be making in the local www as easy as going cordova build ios?
The problem was that when I created the blank project, I used the defaults which now outputs an ionic 2 baby.
I did the following 2 changes to solve my problem.
create my app for version 1 by appending --type=ionic1 as follows:
ionic cordova start myapp -blank --type=ionic1
I also prefixed allmy cordova commands with ionic name space.
Now I can replace the www all day long and my ionic cordova build ios & ionic cordova emulate ios will comply.
hope it will help someone.
When I'm trying to create a simple ionic app with 'ionic start' command, I see that ionic downloads a base app and the template indicated, but then I see 'Installing npm packages...' and it that never ends it's process (I have waited hours).
Ionic creates the myapp folder with files within it, but I don't know if it finally creates the ionic app to work with. If I put 'ionic serve' there is nothing on screen, even if I choose the tabs template.. or an error 'couldn't find ionic.config.json file'
is it a firewall issue? anyone has faced with this?
You must update your ionic to beta version using:
npm install -g ionic#beta
I am new to Ionic and just getting used to it. However I have noticed that when I create an app files are download from github such as:
Downloading:
https://github.com/driftyco/ionic-app-base/archive/master.zip
Often working without internet access is there a way that files I might need can be downloaded once and stored locally?
Yes, you can avoid downloading it with each new app. When you wrote something like to
$ ionic start YourAppName tabs
tabs - is an alias to Ionic starter repository. You can replace with relative or absolute path to a local directory.
Check out more about start parameters there - Starting an Ionic App.
EDIT: I don't see a reason why the code below couldn't work. And Yes, you have to unpack your default app files to some folder.
$ ionic start YourAppName c:\Temp\ionic-app-base-master
The command ionic start myApp will always create your project with the latest version of Ionic. It will always download the github. Currently there is no how to create a new project without using the downlod of the github.
You can create a blank project and uses it as "boilerplate project" (ionic start myApp blank). Then, when necessary, to update the Ionic (newest version) go to the root of your project and run ionic lib update.
Just download all the templates once and use it whenever you need when you are offline. Ionic will always download latest bundle when you do:
ionic start MyApp