I am facing problem when trying to compile ionic app for ios, it works on this stack
Cordova CLI 10.0.0
Ionic CLI 6.18.0
Node.js 16.13.0
Node.js versions
12.22.7 / 14.18.1 / 16.13.0
npm 8.1.0
Yarn 1.22.17
Python 2 / 3
macOS 11.6.1
Carthage 0.38.0
CocoaPods 1.11.2
Xcode 13.1
but does not work on latest stack which is following
Cordova CLI 12.0.0
Ionic CLI 6.20.9
Node.js 18.15.0
Node.js versions 14.21.3 / 16.19.1 / 18.15.0
npm 8.19.4
Yarn 1.22.19
Python 3
macOS 12.6
Carthage 0.38.0
CocoaPods 1.12.0
Xcode 14.2
and here is my package.json dependencies list
"dependencies": {
"@angular/animations": "^12.0.0",
"@angular/common": "~11.2.0",
"@angular/core": "~11.2.0",
"@angular/fire": "^6.1.5",
"@angular/forms": "~11.2.0",
"@angular/platform-browser": "~11.2.0",
"@angular/platform-browser-dynamic": "~11.2.0",
"@angular/router": "~11.2.0",
"@capacitor-community/apple-sign-in": "^0.1.1",
"@capacitor-community/facebook-login": "^3.0.0",
"@capacitor/android": "^3.0.1",
"@capacitor/app": "^1.0.1",
"@capacitor/camera": "^1.0.1",
"@capacitor/core": "^3.0.1",
"@capacitor/filesystem": "^1.0.1",
"@capacitor/geolocation": "^1.0.1",
"@capacitor/haptics": "^1.0.1",
"@capacitor/ios": "^3.0.1",
"@capacitor/keyboard": "^1.0.1",
"@capacitor/share": "^1.0.1",
"@capacitor/splash-screen": "^1.0.1",
"@capacitor/status-bar": "^1.0.1",
"@codetrix-studio/capacitor-google-auth": "^3.0.1",
"@cometchat-pro/chat": "^2.2.1",
"@ctrl/ngx-emoji-mart": "^5.1.1",
"@ionic-native/calendar": "^5.33.0",
"@ionic-native/core": "^5.32.0",
"@ionic-native/launch-navigator": "^5.32.1",
"@ionic-native/native-storage": "^5.32.0",
"@ionic/angular": "^5.5.2",
"@ionic/pwa-elements": "^3.0.2",
"@types/googlemaps": "^3.43.3",
"@videogular/ngx-videogular": "^3.0.1",
"br-mask": "0.0.10",
"cordova-plugin-actionsheet": "^2.3.3",
"cordova-plugin-calendar": "^5.1.5",
"cordova-plugin-dialogs": "^2.0.2",
"cordova-plugin-file": "^6.0.2",
"cordova-plugin-nativestorage": "^2.3.2",
"es6-promise-plugin": "^4.2.2",
"firebase": "^7.0 || ^8.0",
"ion2-calendar": "^3.5.0",
"ionic4-mask-directive": "^1.0.2",
"jetifier": "^1.6.6",
"jwt-decode": "^3.1.2",
"moment": "^2.29.1",
"ngx-long-press2": "^1.0.0",
"rxjs": "~6.6.0",
"tslib": "^2.0.0",
"uk.co.workingedge.phonegap.plugin.launchnavigator": "^5.0.5",
"videogular2": "^7.0.2",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/architect": "~0.1200.0-rc.0",
"@angular-devkit/build-angular": "~0.1102.4",
"@angular/cli": "^16.0.3",
"@angular/compiler": "~11.2.0",
"@angular/compiler-cli": "~11.2.0",
"@angular/language-service": "~11.2.0",
"@capacitor/cli": "^5.0.4",
"@ionic/angular-toolkit": "^9.0.0",
"@types/core-js": "^2.5.4",
"@types/jasmine": "~3.6.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.11.1",
"codelyzer": "^0.0.28",
"firebase-tools": "^12.2.1",
"fuzzy": "^0.1.3",
"inquirer": "^6.2.2",
"inquirer-autocomplete-prompt": "^1.0.1",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"jsonc-parser": "^3.0.0",
"karma": "^6.4.2",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"open": "^7.0.3",
"protractor": "^3.3.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.0.2"
}
I tried updating some dependencies but get this error
ionic capacitor sync ios --verbose
Error
Error: ./src/global.scss (./node_modules/css-loader/dist/cjs.js??ref--14-1!./node_modules/postcss-loader/dist/cjs.js??ref--14-2!./node_modules/resolve-url-loader??ref--14-3!./node_modules/sass-loader/dist/cjs.js??ref--14-4!./src/global.scss)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Unknown node type in node creation
at /Users/al/Documents/mobile/node_modules/@ionic/angular/css/float-elements.css:20:1
at Rule.normalize (/Users/al/Documents/mobile/node_modules/postcss/lib/container.js:334:13)
at Rule.append (/Users/al/Documents/mobile/node_modules/postcss/lib/container.js:166:24)
at Supports.virtual (/Users/al/Documents/mobile/node_modules/autoprefixer/lib/supports.js:71:10)
at Supports.prefixed (/Users/al/Documents/mobile/node_modules/autoprefixer/lib/supports.js:79:21)
at /Users/al/Documents/mobile/node_modules/autoprefixer/lib/supports.js:239:29
at Array.map (<anonymous>)
at Supports.add (/Users/al/Documents/mobile/node_modules/autoprefixer/lib/supports.js:237:18)
at Supports.process (/Users/ali.akram/Documents/mobile/node_modules/autoprefixer/lib/supports.js:262:16)
at /Users/al/Documents/mobile/node_modules/autoprefixer/lib/processor.js:67:27
at /Users/al/Documents/mobile/node_modules/@angular-devkit/build-angular/node_modules/postcss/lib/container.js:138:18
at /Users/al/Documents/mobile/node_modules/@angular-devkit/build-angular/node_modules/postcss/lib/container.js:74:18
at Root.each (/Users/al/Documents/mobile/node_modules/@angular-devkit/build-angular/node_modules/postcss/lib/container.js:60:16)
at Root.walk (/Users/al/Documents/mobile/node_modules/@angular-devkit/build-angular/node_modules/postcss/lib/container.js:71:17)
at Root.walkAtRules (/Users/al/Documents/mobile/node_modules/@angular-devkit/build-angular/node_modules/postcss/lib/container.js:136:19)
at Processor.add (/Users/al/Documents/mobile/node_modules/autoprefixer/lib/processor.js:53:9)
at OnceExit (/Users/al/Documents/mobile/node_modules/autoprefixer/lib/autoprefixer.js:129:32)
Apparently the error does not indicate the issue to me and not sure where to make a fix, Please suggest what need to change. Thanks
