I can't run my ionic-angular app: 3.6.0. can anybody help me?

Ionic Framework ionic-v3
1

Could someone share the package.json of an ionic-angular app: 3.6.0 working?
Could you also tell me how I can easily discover the dependencies required for a given version of Ionic?

My package.json

{
  "name": "test-project",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.1.3",
    "@angular/compiler": "4.1.3",
    "@angular/compiler-cli": "4.1.3",
    "@angular/core": "4.1.3",
    "@angular/forms": "4.1.3",
    "@angular/http": "4.1.3",
    "@angular/platform-browser": "4.1.3",
    "@angular/platform-browser-dynamic": "4.1.3",
    "@ionic-native/app-version": "^4.4.2",
    "@ionic-native/camera": "^4.4.2",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/geolocation": "^4.4.2",
    "@ionic-native/native-geocoder": "^4.4.2",
    "@ionic-native/splash-screen": "3.12.1",
    "@ionic-native/status-bar": "^3.12.1",
    "@ionic/storage": "^2.1.3",
    "@types/pouchdb": "6.3.0",
    "cordova-ios": "4.5.4",
    "cordova-plugin-add-swift-support": "^1.7.1",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-camera": "^2.4.1",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-console": "^1.1.0",
    "cordova-plugin-device": "^1.1.7",
    "cordova-plugin-geolocation": "^2.4.3",
    "cordova-plugin-nativegeocoder": "^2.0.5",
    "cordova-plugin-splashscreen": "^4.1.0",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "^2.3.3",
    "intl": "^1.2.5",
    "ionic-angular": "3.6.0",
    "ionic-img-viewer": "^2.6.1",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic2-rating": "^1.2.2",
    "ionicons": "3.0.0",
    "moment": "^2.20.1",
    "node-sass": "^4.7.2",
    "pouchdb": "^6.3.4",
    "run": "1.4.0",
    "rxjs": "5.4.0",
    "sw-toolbox": "3.6.0",
    "ts-md5": "^1.2.2",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@angular/cli": "^1.5.0",
    "@ionic/app-scripts": "^3.1.11",
    "cordova": "^8.0.0",
    "ionic": "3.19.1",
    "typescript": "^2.3.4"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-console": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-whitelist": {},
      "ionic-plugin-keyboard": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-camera": {
        "CAMERA_USAGE_DESCRIPTION": "Utilizar Camera",
        "PHOTOLIBRARY_USAGE_DESCRIPTION": "Utilizar Galeria Camera"
      },
      "cordova-plugin-geolocation": {
        "GEOLOCATION_USAGE_DESCRIPTION": "Utilizar Geolocalizacao"
      },
      "cordova-plugin-nativegeocoder": {
        "LOCATION_WHEN_IN_USE_DESCRIPTION": "Use geocoder service"
      },
      "cordova-plugin-app-version": {}
    },
    "platforms": [
      "ios",
      "browser"
    ]
  }
}

My apps for make projects

Ionic Framework: 3.6.0
Ionic App Scripts: 3.2.4
Angular Core: 4.1.3
Angular Compiler CLI: 4.1.3
Node: 6.11.1
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36

Console errors

santc@DESKTOP-ND7VRK4 MINGW64 ~/workspace-front/test-project (master)
$ ionic serve
Starting app-scripts server: --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser - Ctrl+C to cancel
[17:26:04]  watch started ...
[17:26:04]  build dev started ...
[17:26:04]  clean started ...
[17:26:04]  clean finished in 1 ms
[17:26:04]  copy started ...
[17:26:05]  deeplinks started ...
[17:26:05]  deeplinks finished in 282 ms
[17:26:05]  transpile started ...
[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 21
            '=' expected.

      L20:          function on(emitter: EventEmitter, event: string): AsyncIterableIterator<any>;
      L21:          const captureRejectionSymbol: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 32
            '=' expected.

      L32:  const errorMonitor: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 55
            '=' expected.

      L55:      static readonly errorMonitor: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/repl.d.ts, line: 361
            '=' expected.

     L361:      const REPL_MODE_SLOPPY: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/repl.d.ts, line: 367
            '=' expected.

     L367:      const REPL_MODE_STRICT: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/util.d.ts, line: 24
            '=' expected.

      L23:      let replDefaults: InspectOptions;
      L24:      const custom: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/util.d.ts, line: 119
            '=' expected.

     L118:  namespace promisify {
     L119:      const custom: unique symbol;

[17:26:10]  typescript: .../workspace-front/test-project/node_modules/@types/node/worker_threads.d.ts, line: 9
            '=' expected.

       L8:  const parentPort: null | MessagePort;
       L9:  const SHARE_ENV: unique symbol;
      L10:  const threadId: number;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 21
            Cannot find name 'unique'.

      L20:          function on(emitter: EventEmitter, event: string): AsyncIterableIterator<any>;
      L21:          const captureRejectionSymbol: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 21
            Cannot find name 'symbol'. Did you mean 'Symbol'?

      L20:          function on(emitter: EventEmitter, event: string): AsyncIterableIterator<any>;
      L21:          const captureRejectionSymbol: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 32
            Cannot find name 'unique'.

      L32:  const errorMonitor: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 32
            Cannot find name 'symbol'. Did you mean 'Symbol'?

      L32:  const errorMonitor: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 55
            Cannot find name 'unique'.

      L55:      static readonly errorMonitor: unique symbol;

[17:26:10]  typescript: ...rs/santc/workspace-front/test-project/node_modules/@types/node/events.d.ts, line: 55
            Cannot find name 'symbol'. Did you mean 'Symbol'?

      L55:      static readonly errorMonitor: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/repl.d.ts, line: 361
            Cannot find name 'unique'.

     L361:      const REPL_MODE_SLOPPY: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/repl.d.ts, line: 361
            Cannot find name 'symbol'. Did you mean 'Symbol'?

     L361:      const REPL_MODE_SLOPPY: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/repl.d.ts, line: 367
            Cannot find name 'unique'.

     L367:      const REPL_MODE_STRICT: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/repl.d.ts, line: 367
            Cannot find name 'symbol'. Did you mean 'Symbol'?

     L367:      const REPL_MODE_STRICT: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/util.d.ts, line: 24
            Cannot find name 'unique'.

      L23:      let replDefaults: InspectOptions;
      L24:      const custom: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/util.d.ts, line: 24
            Cannot find name 'symbol'.

      L23:      let replDefaults: InspectOptions;
      L24:      const custom: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/util.d.ts, line: 119
            Cannot find name 'unique'.

     L118:  namespace promisify {
     L119:      const custom: unique symbol;

[17:26:10]  typescript: ...sers/santc/workspace-front/test-project/node_modules/@types/node/util.d.ts, line: 119
            Cannot find name 'symbol'.

     L118:  namespace promisify {
     L119:      const custom: unique symbol;

[17:26:10]  typescript: .../workspace-front/test-project/node_modules/@types/node/worker_threads.d.ts, line: 9
            Cannot find name 'unique'.

       L8:  const parentPort: null | MessagePort;
       L9:  const SHARE_ENV: unique symbol;
      L10:  const threadId: number;

[17:26:10]  typescript: .../workspace-front/test-project/node_modules/@types/node/worker_threads.d.ts, line: 9
            Cannot find name 'symbol'.

       L8:  const parentPort: null | MessagePort;
       L9:  const SHARE_ENV: unique symbol;
      L10:  const threadId: number;

[17:26:10]  typescript: ...ce-front/test-project/node_modules/ionic-angular/components/tabs/tabs.d.ts, line: 151
            Class 'Tabs' incorrectly implements interface 'NavigationContainer'. Types of property 'parent' are
            incompatible. Type 'NavControllerBase' is not assignable to type 'NavController'. Types of property 'popTo'
            are incompatible. Type '(indexOrViewCtrl: any, opts?: NavOptions, done?: () => void) => Promise<any>' is not
            assignable to type '(page: string | Page | ViewController, params?: any, opts?: NavOptions, done?: Function)
            => Promi...'. Types of parameters 'done' and 'opts' are incompatible. Type 'NavOptions' is not assignable to
            type '() => void'.

     L151:  export declare class Tabs extends Ion implements AfterViewInit, RootNode, ITabs, NavigationContainer {
     L152:      viewCtrl: ViewController;

[17:26:10]  typescript: ...test-project/node_modules/ionic-angular/navigation/nav-controller-base.d.ts, line: 20
            Class 'NavControllerBase' incorrectly implements interface 'NavController'. Types of property 'popTo' are
            incompatible. Type '(indexOrViewCtrl: any, opts?: NavOptions, done?: () => void) => Promise<any>' is not
            assignable to type '(page: string | Page | ViewController, params?: any, opts?: NavOptions, done?: Function)
            => Promi...'. Types of parameters 'done' and 'opts' are incompatible. Type 'NavOptions' is not assignable to
            type '() => void'. Type 'NavOptions' provides no match for the signature '(): void'.

      L20:  export declare class NavControllerBase extends Ion implements NavController {
      L21:      parent: any;

[17:26:10]  typescript: C:/Users/santc/workspace-front/test-project/node_modules/rxjs/Subject.d.ts, line: 16
            Class 'Subject<T>' incorrectly extends base class 'Observable<T>'. Types of property 'lift' are
            incompatible. Type '<R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator:
            Operator<T, R>) => Observable<R>'. Type 'Observable<T>' is not assignable to type 'Observable<R>'. Type 'T'
            is not assignable to type 'R'.

      L16:  export declare class Subject<T> extends Observable<T> implements ISubscription {
      L17:      observers: Observer<T>[];

[17:26:10]  typescript: ...-front/test-project/node_modules/rxjs/observable/dom/WebSocketSubject.d.ts, line: 24
            Class 'WebSocketSubject<T>' incorrectly extends base class 'AnonymousSubject<T>'. Types of property 'lift'
            are incompatible. Type '<R>(operator: Operator<T, R>) => WebSocketSubject<R>' is not assignable to type
            '<R>(operator: Operator<T, R>) => Observable<T>'. Type 'WebSocketSubject<R>' is not assignable to type
            'Observable<T>'. Types of property 'operator' are incompatible. Type 'Operator<any, R>' is not assignable to
            type 'Operator<any, T>'. Type 'R' is not assignable to type 'T'.

      L24:  export declare class WebSocketSubject<T> extends AnonymousSubject<T> {
      L25:      url: string;

[17:26:10]  dev server running: http://localhost:8100/

[OK] Development server running!
     Local: http://localhost:8100
     External: http://192.168.0.77:8100, http://192.168.56.1:8100, http://192.168.128.24:8100
     DevApp: Teste@8100 on DESKTOP-ND7VRK4

[17:26:10]  copy finished in 6.18 s
[17:26:11]  watch ready in 6.74 s
2

I think this thread addresses your proximate problem, but it won’t end there. For one thing, all @ionic-native/* things must share the same major version, and you shouldn’t be using MD5 for anything.

3

Thank you for trying to help me. But, I have many doubts about whether I am using the correct version of NodeJs, Ionic CLI, Ionic App Scripts, Typescript, etc. This thread discusses a different version of mine.

4

As far as I can see, it discusses the exact issue you are describing, which is version lock dependency between typescript and @types/node.

1 Like
6

Yesterday when I said that the project had worked, I was wrong. The problem occurs the moment I run “ionic serve”. Yesterday, I had changed a line in the code while the server was running. Interestingly, when he recompiles with the server running the error does not occur.

So, back to the problem, I already changed Typescript to 2.7.2 with the command

npm install --save-dev typescript@2.7.2

Did not work. I deleted the node_modules and www folder and run

npm cache clean
npm install

Did not work

Another solution I tried was to create a new blank project with the current CLI 3.19.1 and replace dependencies with the exact version numbers in the legacy project.

{
  "name": "test-project",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/app-version": "4.20.0",
    "@ionic-native/camera": "4.20.0",
    "@ionic-native/core": "4.20.0",
    "@ionic-native/geolocation": "4.20.0",
    "@ionic-native/native-geocoder": "4.20.0",
    "@ionic-native/splash-screen": "4.20.0",
    "@ionic-native/status-bar": "4.20.0",
    "@ionic/storage": "2.2.0",
    "@types/pouchdb": "6.3.0",
    "cordova-ios": "4.5.4",
    "cordova-plugin-add-swift-support": "^1.7.1",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-camera": "^2.4.1",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-console": "^1.1.0",
    "cordova-plugin-device": "^1.1.7",
    "cordova-plugin-geolocation": "^2.4.3",
    "cordova-plugin-nativegeocoder": "^2.0.5",
    "cordova-plugin-splashscreen": "^4.1.0",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "^2.3.3",
    "intl": "^1.2.5",
    "ionic-angular": "3.9.9",
    "ionic-img-viewer": "^2.6.1",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic2-rating": "^1.2.2",
    "ionicons": "3.0.0",
    "moment": "^2.20.1",
    "node-sass": "^4.7.2",
    "pouchdb": "^6.3.4",
    "run": "1.4.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "ts-md5": "^1.2.2",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.4",
    "cordova": "^8.0.0",
    "ionic": "3.19.1",
    "typescript": "2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-console": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-whitelist": {},
      "ionic-plugin-keyboard": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-camera": {
        "CAMERA_USAGE_DESCRIPTION": "Utilizar Camera",
        "PHOTOLIBRARY_USAGE_DESCRIPTION": "Utilizar Galeria Camera"
      },
      "cordova-plugin-geolocation": {
        "GEOLOCATION_USAGE_DESCRIPTION": "Utilizar Geolocalizacao"
      },
      "cordova-plugin-nativegeocoder": {
        "LOCATION_WHEN_IN_USE_DESCRIPTION": "Use geocoder service"
      },
      "cordova-plugin-app-version": {}
    },
    "platforms": [
      "ios",
      "browser"
    ]
  }
}

Did not work

In tsconfig.json, I added in the session compileOptions “typeRoots” and then “types”. Neither way worked so I ended up commenting this lines.

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "dom",
      "es2015"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
    /*"typeRoots": [
      "node_modules/@types"
    ]
    "types": []*/
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules",
    "src/**/*.spec.ts",
    "src/**/__tests__/*.ts"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}
7

I found the solution.
I am working on a legacy project. It was not feasible to try to upgrade it to a newer version of Ionic before seeing it working as is. Ionic is currently in version 5 and this project is in version 3.
First of all I ran the following installations

Node 6.11.1
npm install -g ionic@3.19.1
npm install -g cordova@8.0.0
npm install -g @ionic/app-scripts@3.1.11
npm install -g @angular/cli@1.5.0

I created a new project with the command

ionic start modelProject blank --type=ionic-angular

The generated package.json was this

{
  "name": "modelProject",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/core": "4.20.0",
    "@ionic-native/splash-screen": "4.20.0",
    "@ionic-native/status-bar": "4.20.0",
    "@ionic/storage": "2.2.0",
    "ionic-angular": "3.9.9",
    "ionicons": "3.0.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.4",
    "typescript": "2.6.2"
  },
  "description": "An Ionic project"
}

Replaces the definitions of similar dependencies in the old package (look at the old package at the beginning of this post) with the definitions of the new project.

{
  "name": "test-project",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/app-version": "^4.4.2",
    "@ionic-native/camera": "^4.4.2",
    "@ionic-native/core": "4.20.0",
    "@ionic-native/facebook": "^4.4.2",
    "@ionic-native/geolocation": "^4.4.2",
    "@ionic-native/google-plus": "^4.4.2",
    "@ionic-native/native-geocoder": "^4.4.2",
    "@ionic-native/splash-screen": "4.20.0",
    "@ionic-native/status-bar": "4.20.0",
    "@ionic/storage": "2.2.0",
    "cordova-ios": "4.5.4",
    "cordova-plugin-add-swift-support": "^1.7.1",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-camera": "^2.4.1",
    "cordova-plugin-compat": "^1.2.0",
    "cordova-plugin-console": "^1.1.0",
    "cordova-plugin-device": "^1.1.7",
    "cordova-plugin-geolocation": "^2.4.3",
    "cordova-plugin-nativegeocoder": "^2.0.5",
    "cordova-plugin-splashscreen": "^4.1.0",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "^2.3.3",
    "intl": "^1.2.5",
    "ionic-angular": "3.9.9",
    "ionic-img-viewer": "^2.6.1",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic2-rating": "^1.2.2",
    "ionicons": "3.0.0",
    "moment": "^2.20.1",
    "node-sass": "^4.7.2",
    "pouchdb": "^6.4.3",
    "run": "1.4.0",
    "rxjs": "5.5.11",
    "sw-toolbox": "3.6.0",
    "ts-md5": "^1.2.2",
    "zone.js": "0.8.29"
  },
  "devDependencies": {
    "@angular/cli": "^1.5.0",
    "@ionic/app-scripts": "3.2.4",
    "cordova": "^8.0.0",
    "ionic": "3.19.1",
    "typescript": "2.6.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-console": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-whitelist": {},
      "ionic-plugin-keyboard": {},
      "cordova-sqlite-storage": {},
      "cordova-plugin-camera": {
        "CAMERA_USAGE_DESCRIPTION": "Utilizar Camera",
        "PHOTOLIBRARY_USAGE_DESCRIPTION": "Utilizar Galeria Camera"
      },
      "cordova-plugin-geolocation": {
        "GEOLOCATION_USAGE_DESCRIPTION": "Utilizar Geolocalizacao"
      },
      "cordova-plugin-nativegeocoder": {
        "LOCATION_WHEN_IN_USE_DESCRIPTION": "Use geocoder service"
      },
      "cordova-plugin-app-version": {}
    },
    "platforms": [
      "ios",
      "browser"
    ]
  }
}

I deleted the node_modules and www directories and ran the command

npm install

Note, the dependency definitions that were generating the Types error, which motivated me to create this post, was PouchDB. In addition to all the substitutions I mentioned earlier, I also excluded

"@types/pouchdb":"6.3.0"

and updated

"pouchdb":"^6.3.4" to "pouchdb":"^6.4.3"