Blank Page after commend ionic serve

Ionic Framework
1

Hi,
i upgrade the app from v4 to v6 and angular not see any issues (after fixed a lot).
but when write ionic serve i get blank page.
ionic info:
Ionic:

Ionic CLI : 6.20.0 (C:\Users\myname\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 6.1.15
@angular-devkit/build-angular : 14.1.0
@angular-devkit/schematics : 14.1.0
@angular/cli : 14.1.0
@ionic/angular-toolkit : 6.1.0 (C:\Users\myname\node_modules@ionic\angular-toolkit)

Cordova:

Cordova CLI : 11.0.0
Cordova Platforms : android 11.0.0, browser 6.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 25 other plugins)

Utility:

cordova-res : 0.15.3
native-run : 1.5.0

System:

Android SDK Tools : 26.1.1 (C:\Users\myname\AppData\Local\Android\Sdk)
NodeJS : v14.17.6 (C:\Program Files\nodejs\node.exe)
npm : 6.14.15
OS : Windows 10

In chrome i press f12 and get only this error:
core.mjs:7626 ERROR NullInjectorError: R3InjectorError(AppModule)[Device → Device → Device]:
NullInjectorError: No provider for Device!
at NullInjector.get (core.mjs:6353:27)
at R3Injector.get (core.mjs:6780:33)
at R3Injector.get (core.mjs:6780:33)
at R3Injector.get (core.mjs:6780:33)
at ChainedInjector.get (core.mjs:13853:36)
at lookupTokenUsingModuleInjector (core.mjs:3283:39)
at getOrCreateInjectable (core.mjs:3328:12)
at ɵɵdirectiveInject (core.mjs:10868:12)
at NodeInjectorFactory.AppComponent_Factory [as factory] (ɵfac.js? [sm]:1:1)
at getNodeInjectable (core.mjs:3513:44)

if i press ionic build this the warning i get;
Warning: C:\Users\myname\ionic-cordova-app\node_modules@ionic\storage\dist\esm\index.js depends on ‘localforage’. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: Angular

Warning: C:\Users\myname\ionic-cordova-app\src\app\pages\wallet\wallet.page.ts depends on ‘chart.js’. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: Angular

2

Hello @AM12, seems like you’re using the Cordova Device Plugin. You must add it to the providers: [] array in the module.ts file of the page where you’re using this plugin.

import { Device } from '@awesome-cordova-plugins/device/ngx';
...
providers: [
  Device
]