Styles not applied on app build for production

[Stanteq]

I have a problem on iOS 13.5 with this plugin when app is compiled for the app store.

In development environment (tns debug ios) is working fine but when is compiled for production (tns build ios --release --for-device --env.production --env.sourceMap --env.uglify) the styles are not applied anymore.

[bradmartin]

I'm not certain, but this could be a webpack issue 🤔 - I know there are apps using this in production and it works fine. Could you share more about your project (package.json)?

[Stanteq]

I replaced this plugin by a custom component based on a simple button with rounded corners (same effect and same length of code)

The strange thing was that on first loaded page it shows correctly but navigating on others the floating button loses the styles (it was all the screen because it was wrapped by the GridLayout and blue, this happened only in prod)

My actual package.json (it's just missed this plugin)

{
  "description": "My app",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "nativescript": {
    "id": "com.myapp.app",
    "tns-android": {
      "version": "6.5.1"
    },
    "tns-ios": {
      "version": "6.5.1"
    }
  },
  "scripts": {
    "start:android": "tns debug android"
  },
  "dependencies": {
    "@angular/animations": "~8.2.14",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/http": "~7.2.16",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "@mapbox/polyline": "^1.1.1",
    "@nstudio/nativescript-checkbox": "^1.0.0",
    "@nstudio/nativescript-loading-indicator": "^3.0.4",
    "lodash": "^4.17.15",
    "moment": "^2.24.0",
    "nativescript-angular": "^8.21.0",
    "nativescript-app-tour": "^2.0.2",
    "nativescript-appversion": "^1.4.4",
    "nativescript-audio": "^5.0.5",
    "nativescript-background-http": "^4.2.1",
    "nativescript-bitmap-factory": "^1.8.1",
    "nativescript-brightness": "^1.0.1",
    "nativescript-directions": "^1.4.0",
    "nativescript-email": "^1.5.5",
    "nativescript-geolocation": "^5.1.0",
    "nativescript-google-maps-sdk": "^2.9.1",
    "nativescript-google-maps-utils": "^0.1.3",
    "nativescript-insomnia": "^1.2.3",
    "nativescript-iqkeyboardmanager": "^1.5.1",
    "nativescript-letter-avatar": "^0.3.0",
    "nativescript-local-notifications": "^4.2.1",
    "nativescript-localize": "^4.2.1",
    "nativescript-lottie": "^4.0.1",
    "nativescript-mediafilepicker": "^3.0.1",
    "nativescript-ng-ripple": "^2.0.1",
    "nativescript-permissions": "^1.3.9",
    "nativescript-phone": "^2.0.0",
    "nativescript-plugin-firebase": "^10.5.2",
    "nativescript-rater": "^2.1.2",
    "nativescript-socket.io": "^0.11.1",
    "nativescript-star-ratings": "^1.0.0",
    "nativescript-stripe": "^6.6.2",
    "nativescript-theme-core": "^1.0.6",
    "nativescript-toasty": "^3.0.0-alpha.2",
    "nativescript-ui-listview": "^8.2.0",
    "nativescript-ui-sidedrawer": "^8.0.1",
    "nativescript-vector-icons": "^1.0.0",
    "nativescript-vibrate": "^3.0.0",
    "nativescript-windowed-modal": "^6.2.1",
    "ngx-moment": "^3.5.0",
    "ngx-pipes": "^2.7.3",
    "omit-deep": "^0.3.0",
    "reflect-metadata": "~0.1.12",
    "rxjs": "~6.5.5",
    "tns-core-modules": "^6.5.2",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~8.2.14",
    "@ngtools/webpack": "~8.3.26",
    "@types/mapbox__polyline": "^1.0.0",
    "codelyzer": "~5.2.2",
    "nativescript-dev-webpack": "~1.5.1",
    "ng-openapi-gen": "^0.12.1",
    "node-sass": "~4.14.1",
    "timeline-view": "0.0.6",
    "tns-platform-declarations": "^6.5.2",
    "tslint": "~6.1.2",
    "typescript": "~3.5.3"
  }
}