My recent project is lagging

[peterkhang69]

My project compiled ok but is suddenly lagging infinitely on browser when ionic serve after npm i -g @ionic/clii and @ npm i -g anulgar/cli and npm-update-all … (edited)

$ ionic info

Ionic:

Ionic CLI : 6.4.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.901.0
@angular-devkit/schematics : 9.1.0
@angular/cli : 9.1.0
@ionic/angular-toolkit : 2.2.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

cordova-res : 0.11.0
native-run : not installed

System:

Android SDK Tools : 26.1.1 (/Users/peter/Library/Android/sdk)
NodeJS : v12.16.1 (/usr/local/bin/node)
npm : 6.14.4
OS : macOS Mojave
Xcode : Xcode 11.3.1 Build version 11C504

$ ionic serve

ng run app:serve --host=localhost --port=8100
[ ng] Warning: Entry point ‘ngx-papaparse’ contains deep imports into ‘/Users/peter/App/speechmate/node_modules/papaparse/papaparse.min.js’. This is probably not a problem, but may cause the compilation of entry points to be out of order.
::::
[ng] Date: 2020-04-05T13:59:33.900Z - Hash: f6ef92e19f864c1a9678 - Time: 23519ms
[INFO] … and 4 additional chunks
[ng] : Compiled successfully.[INFO] Development server running!Local: http://localhost:8100Use Ctrl+C to quit this process[INFO] Browser window opened to http://localhost:8100!

[peterkhang69]

My package.json has some problems as I think.

{
  "name": "speechmate",
  "version": "1.0.0",
  "author": "Bory In.c",
  "homepage": "http://bory.io/",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^9.1.0",
    "@angular/common": "^9.1.0",
    "@angular/core": "^9.1.0",
    "@angular/fire": "^6.0.0",
    "@angular/forms": "^9.1.0",
    "@angular/platform-browser": "^9.1.0",
    "@angular/platform-browser-dynamic": "^9.1.0",
    "@angular/pwa": "^0.901.0",
    "@angular/router": "^9.1.0",
    "@angular/service-worker": "^9.1.0",
    "@capacitor/android": "^2.0.0",
    "@capacitor/cli": "^2.0.0",
    "@capacitor/core": "^2.0.0",
    "@capacitor/ios": "^2.0.0",
    "@ionic-native/android-permissions": "^5.23.0",
    "@ionic-native/camera": "^5.23.0",
    "@ionic-native/core": "^5.23.0",
    "@ionic-native/date-picker": "^5.23.0",
    "@ionic-native/file": "^5.23.0",
    "@ionic-native/file-path": "^5.23.0",
    "@ionic-native/file-transfer": "^5.23.0",
    "@ionic-native/http": "^5.23.0",
    "@ionic-native/image-picker": "^5.23.0",
    "@ionic-native/media-capture": "^5.23.0",
    "@ionic-native/screen-orientation": "^5.23.0",
    "@ionic-native/speech-recognition": "^5.23.0",
    "@ionic-native/sqlite": "^5.23.0",
    "@ionic-native/text-to-speech": "^5.23.0",
    "@ionic-native/vibration": "^5.23.0",
    "@ionic/angular": "^5.0.7",
    "@ionic/cli": "^6.4.1",
    "@ionic/pwa-elements": "^1.5.1",
    "@ionic/storage": "^2.2.0",
    "@root/encoding": "^1.0.1",
    "braces": "^3.0.2",
    "chart.js": "^2.9.3",
    "cordova": "^9.0.0",
    "cordova-plugin-android-permissions": "^1.0.2",
    "cordova-plugin-androidx": "^1.0.2",
    "cordova-plugin-androidx-adapter": "^1.1.0",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-camera": "^4.1.0",
    "cordova-plugin-contacts": "^3.0.1",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-file": "^6.0.2",
    "cordova-plugin-file-opener2": "^3.0.0",
    "cordova-plugin-file-transfer": "^1.7.1",
    "cordova-plugin-filepath": "^1.5.8",
    "cordova-plugin-inappbrowser": "^3.2.0",
    "cordova-plugin-ionic": "^5.4.6",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.1.3",
    "cordova-plugin-iosrtc": "^6.0.9",
    "cordova-plugin-media-capture": "^3.0.3",
    "cordova-plugin-nativeaudio": "^3.0.9",
    "cordova-plugin-photo-library": "^2.2.1",
    "cordova-plugin-speechrecognition": "^1.2.0",
    "cordova-plugin-splashscreen": "^5.0.3",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-telerik-imagepicker": "^2.3.3",
    "cordova-plugin-tts": "^0.2.3",
    "cordova-plugin-vibration": "^3.1.1",
    "cordova-plugin-whitelist": "^1.3.4",
    "cordova-res": "^0.11.0",
    "cordova-sqlite-storage": "^5.0.0",
    "cordova-support-android-plugin": "^1.0.2",
    "cordova-support-google-services": "^1.4.0",
    "core-js": "^3.6.4",
    "cryptiles": "^4.1.3",
    "date-fns": "^2.11.1",
    "debug": "^4.1.1",
    "deep-extend": "^0.6.0",
    "extend": "^3.0.2",
    "fast-deep-equal": "^3.1.1",
    "firebase": "^7.13.2",
    "fstream": "^1.0.12",
    "hoek": "^6.1.3",
    "https-proxy-agent": "^5.0.0",
    "jetifier": "^1.6.5",
    "kurento-client": "^6.13.0",
    "lodash": "^4.17.15",
    "luxon": "^1.23.0",
    "mem": "^6.0.1",
    "moment": "^2.24.0",
    "npm": "^6.14.4",
    "npx": "^10.2.2",
    "rxjs": "^6.5.5",
    "stringstream": "^1.0.0",
    "tar": "^6.0.1",
    "time-ago-pipe": "^1.3.2",
    "tslib": "^1.11.1",
    "typescript": "^3.8.3",
    "typescript-string-operations": "^1.3.2",
    "uuid": "^7.0.3",
    "zone.js": "^0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/architect": "^0.901.0",
    "@angular-devkit/build-angular": "^0.901.0",
    "@angular-devkit/core": "^9.1.0",
    "@angular-devkit/schematics": "^9.1.0",
    "@angular/cli": "^9.1.0",
    "@angular/compiler": "^9.1.0",
    "@angular/compiler-cli": "^9.1.0",
    "@angular/language-service": "^9.1.0",
    "@ionic/angular-toolkit": "^2.2.0",
    "@types/jasmine": "^3.5.10",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "^13.11.0",
    "codelyzer": "^5.2.2",
    "jasmine-core": "^3.5.0",
    "jasmine-spec-reporter": "^5.0.1",
    "karma": "^4.4.1",
    "karma-chrome-launcher": "^3.1.0",
    "karma-coverage-istanbul-reporter": "^2.1.1",
    "karma-jasmine": "^3.1.1",
    "karma-jasmine-html-reporter": "^1.5.3",
    "protractor": "^5.4.3",
    "ts-node": "^8.8.2",
    "tslint": "^6.1.1",
    "webrtc-adapter": "^7.5.1"
  },
  "description": "SpeechMate project",
  "browser": {
    "http": false,
    "https": false,
    "crypto": false
  },
  "cordova": {
    "plugins": {
      "cordova-plugin-tts": {},
      "cordova-plugin-speechrecognition": {}
    }
  }
}

[peterkhang69]

Maybe my app has circular dependencies

I have modified fullcalendar control for custom features but something is wrong as I think.

[ng] WARNING in Circular dependency detected:
[ng] src/app/components/fullcalendar/core/api/EventApi.ts -> src/app/components/fullcalendar/core/structs/event.ts -> src/app/components/fullcalendar/core/component/event-ui.ts -> src/app/components/fullcalendar/core/validation.ts -> src/app/components/fullcalendar/core/api/EventApi.ts

[peterkhang69]

I don’t know what’s going on my app proejct : Something is wrong but I cannot resolve it.

Ionic Team’s demo app works fine but my app don’t work and wait infinitely all though I moved my all sources into new demo app project and rebuild.

[peterkhang]

My app don’t load first page because I removed InspectPageRoutingModule from one page.
-> I added routes into app.routing.module.ts and removed InspectPageRoutingModule
-> This makes my app waiting infinitely when first loading as I think.

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { InspectPage } from './inspect.page';

const routes: Routes = [
  {
    path: '',
    component: InspectPage
  },
  {
    path: 'select',
    loadChildren: () => import('./select/select.module').then( m => m.SelectPageModule)
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class InspectPageRoutingModule {}

And another error after npm-update-all is following:

I have an error when executing ionic serve

-> This issue was resolved after npm i node-sass

[mvaljento]

May I ask how you managed to get cordova-plugin-iosrtc plugin working together with Capacitor, please? I’ve had severe problems with getting Xcode to build the project.