NativeScript / nativescript-angular

Integrating NativeScript with Angular
http://docs.nativescript.org/angular/tutorial/ng-chapter-0
Apache License 2.0
1.21k stars 241 forks source link

White screen for few seconds after splash screen in nativescript ios #995

Closed BhuvaneswariVajravel closed 7 years ago

BhuvaneswariVajravel commented 7 years ago

there is white screen displaying after splash screen for few seconds in nativescript ios, it is happen only for our project but sample project is working fine. i checked both simulator and iPhone 5, iPhone 6 , iPad mini ,white screen is displaying in all devices. i am using Nativescript with Angular 4, here i included my package.json


{
  "description": "NativeScript Application",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "nativescript": {
    "id": "com.preludesys.calladoc",
    "tns-ios": {
      "version": "3.1.0"
    }
  },
  "scripts": {
    "tslint": "tslint -p tsconfig.json",
    "ns-bundle": "ns-bundle",
    "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
    "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
    "start-android-bundle": "npm run ns-bundle --android --run-app",
    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
    "build-android-bundle": "npm run ns-bundle --android --build-app",
    "build-ios-bundle": "npm run ns-bundle --ios --build-app"
  },
  "dependencies": {
    "@angular/animations": "~4.1.0",
    "@angular/common": "~4.1.0",
    "@angular/compiler": "~4.1.0",
    "@angular/core": "~4.1.0",
    "@angular/forms": "~4.1.0",
    "@angular/http": "~4.1.0",
    "@angular/platform-browser": "~4.1.0",
    "@angular/router": "~4.1.0",
    "nativescript": "^3.2.0",
    "nativescript-angular": "~3.0.0",
    "nativescript-camera": "^3.0.1",
    "nativescript-drop-down": "^3.1.0",
    "nativescript-google-maps-sdk": "^2.3.2",
    "nativescript-imagepicker": "^3.0.6",
    "nativescript-iqkeyboardmanager": "^1.1.0",
    "nativescript-loading-indicator": "^2.3.2",
    "nativescript-phone": "^1.3.1",
    "nativescript-ripple": "^2.0.0",
    "nativescript-telerik-ui": "^3.0.4",
    "nativescript-theme-core": "~1.0.2",
    "nativescript-unit-test-runner": "^0.3.4",
    "nativescript-xml2js": "^0.5.2",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~5.3.0",
    "tns-core-modules": "^3.1.1",
    "zone.js": "~0.8.2"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~4.1.0",
    "@ngtools/webpack": "^1.3.0",
    "babel-traverse": "6.24.1",
    "babel-types": "6.24.1",
    "babylon": "6.17.1",
    "codelyzer": "^3.0.1",
    "copy-webpack-plugin": "~4.0.1",
    "extract-text-webpack-plugin": "~2.1.0",
    "filewalker": "^0.1.3",
    "jasmine-core": "^2.6.2",
    "karma": "^1.7.0",
    "karma-jasmine": "^1.0.2",
    "karma-nativescript-launcher": "^0.4.0",
    "lazy": "1.0.11",
    "nativescript-css-loader": "~0.26.0",
    "nativescript-dev-typescript": "~0.4.0",
    "nativescript-dev-webpack": "next",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.0.2",
    "tslint": "^5.4.2",
    "typescript": "~2.2.1",
    "webpack": "~2.6.1",
    "webpack-bundle-analyzer": "^2.8.2",
    "webpack-sources": "~1.0.1",
    "nativescript-worker-loader": "~0.8.1"
  }
}

i dont know what is the issue and how can i fix it. so please j=help me.

BhuvaneswariVajravel commented 7 years ago

i have fixed this issue through webpack

anuragd7 commented 7 years ago

Hi @BhuvaneswariVajravel , Could you please share the steps to fix this issue?

BhuvaneswariVajravel commented 7 years ago

this issue fixed while taking webpack build i think u aware of wepack build

anuragd7 commented 7 years ago

Ok. Thanks

tontojones commented 7 years ago

"this issue fixed while taking webpack build" Really? What does that mean? Back to anuragd7 question--Could you please share the steps to fix this issue?

danielgek commented 7 years ago

@tontojones check this doc steps https://docs.nativescript.org/best-practices/bundling-with-webpack

NickIliev commented 6 years ago

The support for L18 in the latest nativescript-angular is logged here

razorsyntax commented 6 years ago

Do we know what the underlying cause is? I've configured webpack and followed the variations in the tutorial steps from the link above and still see this issue.

Maxeeezy commented 2 years ago

The link above does not seem to work anymore. The ones who found the solution: could you please elaborate a little more on the webpack fix?

edusperoni commented 2 years ago

@Maxeeezy this is a very old issue and probably not applicable anymore. I suggest opening a new issue describing your scenario on https://GitHub.com/NativeScript/angular