Cannot read property 'TitleState' of undefined

Make sure to check the demo app(s) for sample usage

In the demo app its working. I checked everything and it still occures 😢

Make sure to check the existing issues in this repository

Checked all

If the demo apps cannot help and there is no issue for your problem, tell us about it

Which platform(s) does your issue occur on?

Android 9

Please, provide the following version numbers that your issue occurs with:

CLI: 5.2.4
Cross-platform modules: 5.2.2
Runtime(s): 5.2.1
Plugin(s):

  "dependencies": {
    "@vue/devtools": "5.0.0-beta.3",
    "nativescript-barcodescanner": "^3.1.2",
    "nativescript-bottom-navigation": "^1.5.0",
    "nativescript-intl": "^3.0.0",
    "nativescript-toast": "^1.4.6",
    "nativescript-vue": "^2.0.0",
    "nativescript-vue-devtools": "^1.0.0",
    "nativescript-theme-core": "~1.0.4",
    "tns-core-modules": "^5.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "babel-loader": "^8.0.2",
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "clean-webpack-plugin": "^0.1.19",
    "copy-webpack-plugin": "^4.5.2",
    "css-loader": "^1.0.0",
    "lazy": "1.0.11",
    "nativescript-dev-webpack": "next",
    "nativescript-vue-template-compiler": "^2.0.0",
    "nativescript-worker-loader": "~0.9.0",
    "node-sass": "^4.9.2",
    "sass-loader": "^7.1.0",
    "terser-webpack-plugin": "^1.1.0",
    "tns-platform-declarations": "^5.1.2",
    "typescript": "^3.2.4",
    "vue": "^2.5.22",
    "vue-loader": "^15.2.6",
    "webpack": "^4.16.4",
    "webpack-bundle-analyzer": "~2.13.1",
    "webpack-cli": "^3.1.0"
  }

Please, tell us how to recreate the issue in as much detail as possible.

Copied App_Resources folder from Demo to my to have the same icons. Added Vue.use to main.ts, added BottomNavigation to my Vue file.

<BottomNavigation
                    ref="bottomNavigation"
                    activeColor="red"
                    inactiveColor="yellow"
                    backgroundColor="black"
                    keyLineColor="black"
                    row="1"
            >
                <BottomNavigationTab title="First" icon="ic_home"/>
                <BottomNavigationTab title="Second" icon="ic_view_list"/>
                <BottomNavigationTab title="Third" icon="ic_menu"/>
            </BottomNavigation>

System.err: java.lang.RuntimeException: Unable to start activity ComponentInfo{de.shyim.frosh_admin/com.tns.NativeScriptActivity}: com.tns.NativeScriptException: System.err: Calling js method onCreate failed System.err: System.err: TypeError: Cannot read property 'TitleState' of undefined System.err: File: "file:///data/data/de.shyim.frosh_admin/files/app/vendor.js, line: 4653, column: 6

henrychavez / nativescript-bottom-navigation