fb-sean
December 31, 2024, 3:30pm
1
Hey, I installed the basic template from the ionic guide. When it comes to npx cap add ios, npx cap sync ios and run npx cap open ios my XCode looks like this. Am I missing something?
I’m pretty new to that so guides are welcome! Thanks for your time.
Probably you are using Angular 19, and there Is a problem
opened 11:23AM - 23 Dec 24 UTC
triage
### Prerequisites
- [X] I have read the [Contributing Guidelines](https://git… hub.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.
### Ionic Framework Version
v8.x
### Current Behavior
When I use the compiled file from www, i can't run the project.
If go on the browser, I have this error :
"NullInjectorError: No provider for ho!"
### Expected Behavior
If i go on the browser, with the compiled files, the app works normally.
### Steps to Reproduce
1. Install the last ionic/cli
npm uninstall -g ionic
npm install -g ionic
2. ionic start a starter project (example : tabs)
3. run ionic build
4. add a simple file inside the /www folder after the build (run.js) :
`const express = require('express');
const path = require('path');
const app = express();
/**
* Instead of build provide your build directory.
*/
app.use(express.static(path.join(__dirname, '')));
app.get('/*', function (req, res) {
res.sendFile(path.join(__dirname, '', 'index.html'));
});
var server = app.listen(9000, () => {
var port = server.address().port;
console.log('App listening at http://localhost:' + port);
require('child_process').exec(`start http://localhost:${server.address().port}`);
});`
5. execute "node run.js"
6. open the browser and try the app. Then observe the issue.
7. Bonus : If you add in the angular.json file "optimization:false" to the production configuration so it works. I think the problem come from the "uglification"
### Code Reproduction URL
https://github.com/devilalex505/test-ez0kwm
### Ionic Info
Ionic:
Ionic CLI : 7.2.0
Ionic Framework : @ionic/angular 8.4.1
@angular-devkit/build-angular : 19.0.6
@angular-devkit/schematics : 19.0.6
@angular/cli : 19.0.6
@ionic/angular-toolkit : 12.1.1
Capacitor:
Capacitor CLI : 6.2.0
@capacitor/android : 6.2.0
@capacitor/core : 6.2.0
@capacitor/ios : not installed
Utility:
cordova-res : not installed globally
native-run : 2.0.1
System:
NodeJS : v20.11.0
npm : 10.2.4
OS : Windows 10
### Additional Information
https://stackblitz.com/~/github.com/devilalex505/test-ez0kwm
1 . ng build
2 . node run.js
If downgrade angular to v18, no issue
Try the temporary solution written in link (optimization:false in angular.js)
Hey, thanks for the reply but I’m actually using the VueJS template
The solution were more simple than I ever thought. The issue was that I didn’t had pop installed.
I didnt saw the small warning saying
[capacitor] [warn] Skipping pod install because CocoaPods is not installed
So after installing it with
brew install cocoapods
and a quick
rm -rf ./ios/
ionic cap add ios
ionic cap build ios
Everything were fine and I could start coding my app.
Credits to Ionic Capacitor Build for ios creates empty Xcode workspace - Stack Overflow
1 Like
