Screen white

Ionic Framework ionic-v3
1

I just updated and when a service is injected, the page is completely blank. If I remove the service it works fine.
I am desperate

my component:

image

my package.json

{
“name”: “sublinkProIonic4”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build --prod”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”,
“build-ionic”: “rm ./api/public/.js || true && rm ./api/public/.map || true && ionic build --prod && cp -r ./www/* ./api/public”
},
“private”: true,
“dependencies”: {
“@angular/common”: “~6.1.1”,
“@angular/core”: “~6.1.1”,
“@angular/forms”: “~6.1.1”,
“@angular/http”: “~6.1.1”,
“@angular/platform-browser”: “~6.1.1”,
“@angular/platform-browser-dynamic”: “~6.1.1”,
“@angular/router”: “~6.1.1”,
“@ionic-native/core”: “5.0.0-beta.14”,
“@ionic-native/network”: “^4.12.0”,
“@ionic-native/splash-screen”: “5.0.0-beta.14”,
“@ionic-native/status-bar”: “5.0.0-beta.14”,
“@ionic/angular”: “^4.0.0-beta.0”,
“@ionic/ng-toolkit”: “^1.0.0”,
“@ionic/pro”: “2.0.3”,
“@ionic/schematics-angular”: “^1.0.0”,
“@ionic/storage”: “^2.1.3”,
“@ng-select/ng-select”: “^0.21.0”,
“angular2-image-upload”: “^1.0.0-rc.0”,
“br-mask”: “0.0.2”,
“cordova-plugin-network-information”: “^2.0.1”,
“core-js”: “^2.5.3”,
“ngx-bootstrap”: “^3.0.1”,
“rxjs”: “6.2.2”,
“rxjs-compat”: “^6.2.2”,
“zone.js”: “^0.8.5”
},
“devDependencies”: {
“@angular-devkit/architect”: “~0.7.2”,
“@angular-devkit/build-angular”: “~0.7.2”,
“@angular-devkit/core”: “~0.7.2”,
“@angular-devkit/schematics”: “~0.7.2”,
“@angular/cli”: “~6.1.1”,
“@angular/compiler”: “~6.1.1”,
“@angular/compiler-cli”: “~6.1.1”,
“@angular/language-service”: “~6.1.1”,
“@ionic-native/camera”: “^4.3.3”,
“@ionic-native/core”: “4.4.0”,
“@ionic-native/file”: “^4.5.3”,
“@ionic-native/file-transfer”: “^4.5.3”,
“@types/jasmine”: “~2.8.6”,
“@types/jasminewd2”: “~2.0.3”,
“@types/node”: “~10.5.2”,
“codelyzer”: “~4.4.2”,
“jasmine-core”: “~2.99.1”,
“jasmine-spec-reporter”: “~4.2.1”,
“karma”: “~3.0.0”,
“karma-chrome-launcher”: “~2.2.0”,
“karma-coverage-istanbul-reporter”: “~2.0.0”,
“karma-jasmine”: “~1.1.1”,
“karma-jasmine-html-reporter”: “^0.2.2”,
“protractor”: “~5.4.0”,
“ts-node”: “~7.0.0”,
“tslint”: “~5.11.0”,
“typescript”: “^2.9.2”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-network-information”: {}
}
}
}

2

Try remove www directory and re-run ionic serve.

3

…is a complete mess of incompatible versions of things. Probably the simplest solution would be to generate a completely new project from scratch and parachute your app code into it.

4

The problem is that generating a new project is when the problem appears. What is the version that you recommend me to install?

5

Earlier, you said “I just updated”, which I took to mean you were trying to convert a project that was generated with Ionic v3 and try to use the v4 beta, since you seem to have a mix of packages. If you want Ionic v3, you need ionic-native 4.x. If you want Ionic v4, you need ionic-native 5beta.

6

do not. I was already using ionic 4 beta, but I ran the npm update command and the project was broken. now I do not know what version I was using

7

in ionic 4 could you tell me which exact versions used in your project? or some that work

8