I updated to Angular 18 and it seems that the AppModule is not loaded. I removed Package-lock.json and the Modules, reinstalled everything, nothing helps. PHPStorm doesn't show any Errors, just when I try to run ionic cap sync Errors: Error: src/app/app.component.html:1:1 - error NG8001: 'ion-app' is not a known element: 1. If 'ion-app' is an Angular component, then verify that it is part of this module. 2. If 'ion-app' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 1 <ion-app #ionApp> ~~~~~~~~~~~~~~~~~ src/app/app.component.ts:48:18 48 templateUrl: 'app.component.html', ~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AppComponent. Error: src/app/app.component.html:2:5 - error NG8001: 'ion-split-pane' is not a known element: 1. If 'ion-split-pane' is an Angular component, then verify that it is part of this module. 2. If 'ion-split-pane' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 2 <ion-split-pane contentId="main-content"> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.component.ts:48:18 48 templateUrl: 'app.component.html', ~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AppComponent. Error: src/app/app.component.html:3:9 - error NG8001: 'ion-menu' is not a known element: 1. If 'ion-menu' is an Angular component, then verify that it is part of this module. 2. If 'ion-menu' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3 <ion-menu (ionWillOpen)="initializeMenu()" contentId="main-content" menu-id="mainMenu" type="overlay"> ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ src/app/app.component.ts:48:18 48 templateUrl: 'app.component.html', ~~~~~~~~~~~~~~~~~~~~ Error occurs in the template of component AppComponent. AppModule imports ... @NgModule({ declarations: [AppComponent], imports: [ AppRoutingModule, BrowserModule, ComponentsModule, FormsModule, IonicModule.forRoot({ scrollPadding: true, scrollAssist: true }), IonicStorageModule.forRoot(), provideLottieOptions({ player: playerFactory }), ReactiveFormsModule, TranslateModule.forRoot({ defaultLanguage: 'en', loader: { provide: TranslateLoader, useClass: CustomTranslateLoaderService, deps: [HttpClient] } }), AppCodePageModule, TraceModule ], providers: [ { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, { provide: ErrorHandler, useValue: SentryAngular.createErrorHandler() }, { provide: SentryAngular.TraceService, deps: [Router] }, { provide: APP_INITIALIZER, useFactory: () => () => {}, deps: [TraceService], multi: true, }, ], bootstrap: [AppComponent], schemas: [ CUSTOM_ELEMENTS_SCHEMA ] }) export class AppModule { } package.json "dependencies": { "@angular/common": "18.2.7", "@angular/core": "^18.2.7", "@angular/forms": "^18.2.1", "@angular/platform-browser": "^18.2.1", "@angular/platform-browser-dynamic": "^18.2.1", "@angular/router": "^18.2.1", "@capacitor-community/file-opener": "^6.0.0", "@capacitor/android": "^6.0.0", "@capacitor/app": "^6.0.0", "@capacitor/app-launcher": "^6.0.0", "@capacitor/camera": "^6.0.0", "@capacitor/clipboard": "^6.0.0", "@capacitor/core": "^6.0.0", "@capacitor/device": "^6.0.0", "@capacitor/filesystem": "^6.0.0", "@capacitor/haptics": "^6.0.0", "@capacitor/ios": "^6.0.0", "@capacitor/keyboard": "^6.0.0", "@capacitor/local-notifications": "^6.0.0", "@capacitor/network": "^6.0.0", "@capacitor/push-notifications": "^6.0.0", "@capacitor/screen-orientation": "^6.0.0", "@capacitor/share": "^6.0.0", "@capacitor/toast": "^6.0.0", "@capawesome/capacitor-file-picker": "^6.0.1", "@capgo/capacitor-native-biometric": "^6.0.1", "@ionic/angular": "^8.3.2", "@ionic/pwa-elements": "^3.2.2", "@ionic/storage-angular": "^4.0.0-next.4", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", "@sentry/angular": "8.33.0", "@sentry/capacitor": "1.0.1", "angular-shepherd": "^18.0.2", "capacitor-native-settings": "^6.0.1", "date-fns": "^2.29.3", "ionicons": "^7.1.0", "lottie-web": "^5.11.0", "ng2-pdf-viewer": "10.0.0", "ngx-lightbox": "^3.0.0", "ngx-lottie": "^12.0.0", "ngx-translate-multi-http-loader": "^16.0.0", "rxjs": "^7.8.0", "signature_pad": "^5.0.2", "sort-json": "^2.0.1", "swiper": "^11.0.5", "tslib": "^2.3.0", "zone.js": "^0.14.3" }, "devDependencies": { "@angular-devkit/build-angular": "^18.2.7", "@angular-eslint/builder": "^18.2.1", "@angular-eslint/eslint-plugin": "^18.2.1", "@angular-eslint/eslint-plugin-template": "^18.2.1", "@angular-eslint/schematics": "^18.2.1", "@angular-eslint/template-parser": "^18.2.1", "@angular/cli": "^18.2.7", "@angular/compiler": "^18.2.1", "@angular/compiler-cli": "^18.2.1", "@angular/language-service": "^18.2.1", "@capacitor/assets": "^3.0.1", "@capacitor/cli": "^6.0.0", "@cypress/code-coverage": "^3.10.4", "@ionic/angular-toolkit": "^12.1.1", "@tailwindcss/aspect-ratio": "^0.4.2", "@tailwindcss/forms": "^0.5.3", "@tailwindcss/line-clamp": "^0.4.4", "@tailwindcss/typography": "^0.5.9", "@types/file-saver": "^2.0.7", "@types/jasmine": "^5.1.4", "@types/node": "^20.3.1", "@types/video.js": "^7.3.52", "@typescript-eslint/eslint-plugin": "^7.0.2", "@typescript-eslint/parser": "^7.0.2", "autoprefixer": "^10.4.7", "cypress": "^13.0.0", "eslint": "^8.53.0", "eslint-plugin-import": "^2.27.5", "eslint-plugin-jsdoc": "^48.1.0", "eslint-plugin-prefer-arrow": "^1.2.3", "husky": "^8.0.0", "jasmine-core": "^5.0.1", "jasmine-spec-reporter": "^7.0.0", "karma": "~6.4.0", "karma-chrome-launcher": "^3.2.0", "karma-coverage": "~2.2.0", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "^2.1.0", "ngx-tailwind": "^4.0.0", "postcss": "^8.4.14", "tailwindcss": "^3.1.6", "ts-node": "^10.9.1", "typescript": "^5.4.5", "video.js": "^7.21.2" } Continue reading...
