DEV Community

Discussion on: How to convert an Angular Web App into an Ionic App

 
ghassen1khalil profile image
Ghassen Khalil Ati

can you please give me the full command ?
When I type npm i cordova-ios run ios --project="social-carpooling-frontend" it adds these packages :

And when I type ionic cordova run ios --project="social-carpooling-frontend" I get this error :

> ng run social-carpooling-frontend:ionic-cordova-build --platform=ios
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/src/webpack/utils/helpers'
Require stack:
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@ionic/angular-toolkit/builders/utils/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@ionic/angular-toolkit/builders/cordova-build/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/architect/node/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/models/architect-command.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/commands/run-impl.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/schematics/tools/export-ref.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/schematics/tools/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/utilities/json-schema.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/models/command-runner.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/lib/cli/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/lib/init.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/bin/ng
See "/private/var/folders/5k/g_71h1hn6m9g1gjsq0wmqpjw0000gn/T/ng-jmY1Hs/angular-errors.log" for further details.
[ERROR] An error occurred while running subprocess ng.

        ng run social-carpooling-frontend:ionic-cordova-build --platform=ios exited with exit code 127.

        Re-running this command with the --verbose flag may provide more information.
Enter fullscreen mode Exit fullscreen mode
Thread Thread
 
juliandeveloperfranco profile image
Julian Franco • Edited

First run

npm i cordova-ios

and then

ionic cordova run ios --project="social-carpooling-frontend"

, if u have the same error try to remove node_modules and run:

npm i

, also u can try before with:

ionic cordova prepare ios

Thread Thread
 
ghassen1khalil profile image
Ghassen Khalil Ati

I am getting the same error :(

 ionic:lib Terminal info: { ci: false, shell: '/bin/zsh', tty: true, windows: false } +0ms
  ionic:lib CLI global options: { _: [ 'cordova', 'prepare', 'ios' ], help: null, h: null, verbose: true, quiet: null, interactive: true, color: true, confirm: null, json: null, project: 'social-carpooling-frontend', '--': [] } +3ms
  ionic:lib:project Project type from config: @ionic/angular (angular) +0ms
  ionic:lib:project Project details: { configPath: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/ionic.config.json', errors: [], context: 'app', type: 'angular' } +0ms
  ionic Context: { binPath: '/usr/local/lib/node_modules/ionic/bin/ionic', libPath: '/usr/local/lib/node_modules/ionic', execPath: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend', version: '5.4.16' } +0ms
  ionic:lib:integrations:cordova:config Loading Cordova Config (config.xml: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/config.xml', package.json: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/package.json') +0ms
  ionic:lib:telemetry Sending telemetry for command: 'ionic cordova prepare' [
  ionic:lib:telemetry   'ios',
  ionic:lib:telemetry   '--verbose',
  ionic:lib:telemetry   '--interactive',
  ionic:lib:telemetry   '--color',
  ionic:lib:telemetry   '--project=social-carpooling-frontend'
  ionic:lib:telemetry ] +0ms
  ionic:lib:build build options: {
  ionic:lib:build   '--': [],
  ionic:lib:build   engine: 'cordova',
  ionic:lib:build   platform: 'ios',
  ionic:lib:build   project: 'social-carpooling-frontend',
  ionic:lib:build   verbose: false,
  ionic:lib:build   configuration: undefined,
  ionic:lib:build   sourcemaps: undefined,
  ionic:lib:build   cordovaAssets: true,
  ionic:lib:build   watch: undefined,
  ionic:lib:build   type: 'angular'
  ionic:lib:build } +0ms
  ionic:lib:hooks Looking for ionic:build:before npm script. +0ms
  ionic:lib:build Looking for ionic:build npm script. +12ms
> ng run social-carpooling-frontend:ionic-cordova-build --platform=ios
  ng:analytics getGlobalAnalytics +0ms
  ng:analytics Client Analytics config found: "c25f10e6-74d2-4ada-bdfa-75edf890a68f" +122ms
  ng:analytics client id: "c25f10e6-74d2-4ada-bdfa-75edf890a68f" +1ms
  ng:analytics getWorkspaceAnalytics +131ms
  ng:analytics Workspace Analytics config found: "0f3cccb0-9088-4221-85c9-16b5cfa99943" +0ms
  ng:analytics client id: "0f3cccb0-9088-4221-85c9-16b5cfa99943" +0ms
  ng:analytics getSharedAnalytics +1ms
  ng:analytics:log pageview dp="/command/run", {"cd1":4,"cd2":2300,"cd3":16,"cd4":12.18} +0ms
  universal-analytics Enqueued pageview ({ ds: 'cli', ua: '(Macintosh; Intel Mac OS X 10_16_3)', ul: 'fr_FR.UTF-8', an: '@angular/cli', av: '9.1.4', aid: 'node v12.18.3', dp: '/command/run', cd1: 4, cd2: 2300, cd3: 16, cd4: 12.18, v: '1', tid: 'UA-8594346-29', cid: '0f3cccb0-9088-4221-85c9-16b5cfa99943', t: 'pageview' }) +0ms
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/src/webpack/utils/helpers'
Require stack:
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@ionic/angular-toolkit/builders/utils/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@ionic/angular-toolkit/builders/cordova-build/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/architect/node/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/models/architect-command.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/commands/run-impl.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/schematics/tools/export-ref.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/schematics/tools/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/utilities/json-schema.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/models/command-runner.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/lib/cli/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/lib/init.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/bin/ng
See "/private/var/folders/5k/g_71h1hn6m9g1gjsq0wmqpjw0000gn/T/ng-fgtDWN/angular-errors.log" for further details.
[ERROR] An error occurred while running subprocess ng.

        ng run social-carpooling-frontend:ionic-cordova-build --platform=ios exited with exit code 127.

        Re-running this command with the --verbose flag may provide more information.
  ionic:utils-process onBeforeExit handler: 'process.exit' received +0ms
  ionic:utils-process onBeforeExit handler: running 1 functions +0ms
  ionic:utils-process processExit: exiting (exit code: 127) +47ms
Enter fullscreen mode Exit fullscreen mode
Thread Thread
 
ghassen1khalil profile image
Ghassen Khalil Ati

I am getting the same error :(

 ionic:lib Terminal info: { ci: false, shell: '/bin/zsh', tty: true, windows: false } +0ms
  ionic:lib CLI global options: { _: [ 'cordova', 'prepare', 'ios' ], help: null, h: null, verbose: true, quiet: null, interactive: true, color: true, confirm: null, json: null, project: 'social-carpooling-frontend', '--': [] } +3ms
  ionic:lib:project Project type from config: @ionic/angular (angular) +0ms
  ionic:lib:project Project details: { configPath: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/ionic.config.json', errors: [], context: 'app', type: 'angular' } +0ms
  ionic Context: { binPath: '/usr/local/lib/node_modules/ionic/bin/ionic', libPath: '/usr/local/lib/node_modules/ionic', execPath: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend', version: '5.4.16' } +0ms
  ionic:lib:integrations:cordova:config Loading Cordova Config (config.xml: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/config.xml', package.json: '/Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/package.json') +0ms
  ionic:lib:telemetry Sending telemetry for command: 'ionic cordova prepare' [
  ionic:lib:telemetry   'ios',
  ionic:lib:telemetry   '--verbose',
  ionic:lib:telemetry   '--interactive',
  ionic:lib:telemetry   '--color',
  ionic:lib:telemetry   '--project=social-carpooling-frontend'
  ionic:lib:telemetry ] +0ms
  ionic:lib:build build options: {
  ionic:lib:build   '--': [],
  ionic:lib:build   engine: 'cordova',
  ionic:lib:build   platform: 'ios',
  ionic:lib:build   project: 'social-carpooling-frontend',
  ionic:lib:build   verbose: false,
  ionic:lib:build   configuration: undefined,
  ionic:lib:build   sourcemaps: undefined,
  ionic:lib:build   cordovaAssets: true,
  ionic:lib:build   watch: undefined,
  ionic:lib:build   type: 'angular'
  ionic:lib:build } +0ms
  ionic:lib:hooks Looking for ionic:build:before npm script. +0ms
  ionic:lib:build Looking for ionic:build npm script. +12ms
> ng run social-carpooling-frontend:ionic-cordova-build --platform=ios
  ng:analytics getGlobalAnalytics +0ms
  ng:analytics Client Analytics config found: "c25f10e6-74d2-4ada-bdfa-75edf890a68f" +122ms
  ng:analytics client id: "c25f10e6-74d2-4ada-bdfa-75edf890a68f" +1ms
  ng:analytics getWorkspaceAnalytics +131ms
  ng:analytics Workspace Analytics config found: "0f3cccb0-9088-4221-85c9-16b5cfa99943" +0ms
  ng:analytics client id: "0f3cccb0-9088-4221-85c9-16b5cfa99943" +0ms
  ng:analytics getSharedAnalytics +1ms
  ng:analytics:log pageview dp="/command/run", {"cd1":4,"cd2":2300,"cd3":16,"cd4":12.18} +0ms
  universal-analytics Enqueued pageview ({ ds: 'cli', ua: '(Macintosh; Intel Mac OS X 10_16_3)', ul: 'fr_FR.UTF-8', an: '@angular/cli', av: '9.1.4', aid: 'node v12.18.3', dp: '/command/run', cd1: 4, cd2: 2300, cd3: 16, cd4: 12.18, v: '1', tid: 'UA-8594346-29', cid: '0f3cccb0-9088-4221-85c9-16b5cfa99943', t: 'pageview' }) +0ms
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/src/webpack/utils/helpers'
Require stack:
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@ionic/angular-toolkit/builders/utils/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@ionic/angular-toolkit/builders/cordova-build/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/architect/node/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/models/architect-command.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/commands/run-impl.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/schematics/tools/export-ref.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular-devkit/schematics/tools/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/utilities/json-schema.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/models/command-runner.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/lib/cli/index.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/lib/init.js
- /Users/ghassen/Desktop/Dev Workspace/Projects/social-carpooling-frontend/node_modules/@angular/cli/bin/ng
See "/private/var/folders/5k/g_71h1hn6m9g1gjsq0wmqpjw0000gn/T/ng-fgtDWN/angular-errors.log" for further details.
[ERROR] An error occurred while running subprocess ng.

        ng run social-carpooling-frontend:ionic-cordova-build --platform=ios exited with exit code 127.

        Re-running this command with the --verbose flag may provide more information.
  ionic:utils-process onBeforeExit handler: 'process.exit' received +0ms
  ionic:utils-process onBeforeExit handler: running 1 functions +0ms
  ionic:utils-process processExit: exiting (exit code: 127) +47ms
Enter fullscreen mode Exit fullscreen mode