'Nativescript 8.1 does not recognize <Tabs>

I could not understand how to use Tab component in Nativescript-vue after upadate Nativescript 8.1...

The below code was work collectly in Nativescript playground, however it got errors in my project.

Home.vue

     <StackLayout row="1">
            <Tabs>
                <TabStrip>
                    <TabStripItem>
                        <Label text="Newest" />
                    </TabStripItem>
                    <TabStripItem>
                        <Label text="Daily" />
                    </TabStripItem>
                    <TabStripItem>
                        <Label text="Weekly" />
                    </TabStripItem>
                    <TabStripItem>
                        <Label text="Monthly" />
                    </TabStripItem>
                </TabStrip>

                <TabContentItem>
                    <Label text="NEWEST test" />
                </TabContentItem>

                <TabContentItem>
                    <Label text="DAILY test" />
                </TabContentItem>

                <TabContentItem>
                    <Label text="WEEKLY test" />
                </TabContentItem>

                <TabContentItem>
                    <Label text="MONTHLY test" />
                </TabContentItem>
            </Tabs>
        </StackLayout>

My console

CONSOLE LOG: Loading inspector modules...
CONSOLE LOG: Finished loading inspector modules.
(UserNotifications) [com.apple.UserNotifications:Connections] [org.nativescript.firebasetest] Creating a user notification center
CONSOLE LOG: firebase.init done
NativeScript debugger has opened inspector socket on port 18183 for org.nativescript.firebasetest.
CONSOLE LOG: NativeScript-Vue has "Vue.config.silent" set to true, to see output logs set it to false.
CONSOLE LOG: TypeError: No known component for element Tabs.
***** Fatal JavaScript exception - application has been terminated. *****
NativeScript encountered a fatal error: Uncaught TypeError: Cannot read property 'setAttribute' of undefined
at
setStyleScope(file: app/webpack:/firebasetest/node_modules/nativescript-vue/dist/index.js:8550:0)
...

Reproducted minimum project package.json

  "dependencies": {
    "@nativescript/core": "~8.1.1",
    "@nativescript/firebase": "^11.1.3",
    "@nativescript/theme": "~3.0.1",
    "nativescript-vue": "~2.9.0"
  },
  "devDependencies": {
    "@nativescript/ios": "8.1.0",
    "@nativescript/webpack": "~5.0.0",
    "nativescript-dev-typescript": "^0.10.0",
    "nativescript-vue-template-compiler": "~2.9.0"
  }

I guess it's occour because of lack of any packages or plugins. Is anyone know the environment for using Tabs in Nativescript-vue after Nativescript 8.1 update?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source