René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"TabView not rendering","articleBody":"**Environment**\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\n ```\n{\n  \"name\": \"stackblitz-nativescript-angular\",\n  \"main\": \"./src/main.ts\",\n  \"version\": \"1.0.0\",\n  \"private\": true,\n  \"dependencies\": {\n    \"@angular/animations\": \"~19.0.0\",\n    \"@angular/common\": \"~19.0.0\",\n    \"@angular/compiler\": \"~19.0.0\",\n    \"@angular/core\": \"~19.0.0\",\n    \"@angular/forms\": \"~19.0.0\",\n    \"@angular/platform-browser\": \"~19.0.0\",\n    \"@angular/platform-browser-dynamic\": \"~19.0.0\",\n    \"@angular/router\": \"~19.0.0\",\n    \"@nativescript/angular\": \"^19.0.0\",\n    \"@nativescript/core\": \"~8.8.0\",\n    \"rxjs\": \"~7.8.0\",\n    \"zone.js\": \"~0.15.0\"\n  },\n  \"devDependencies\": {\n    \"@angular-devkit/build-angular\": \"~19.0.0\",\n    \"@angular/compiler-cli\": \"~19.0.0\",\n    \"@nativescript/preview-cli\": \"^1.0.14\",\n    \"@nativescript/stackblitz\": \"^0.0.8\",\n    \"@nativescript/tailwind\": \"^2.1.0\",\n    \"@nativescript/types\": \"~8.8.0\",\n    \"@nativescript/webpack\": \"~5.0.0\",\n    \"@ngtools/webpack\": \"~19.0.0\",\n    \"tailwindcss\": \"~3.4.0\",\n    \"typescript\": \"~5.6.0\"\n  }\n}\n```\n\n \n**Describe the bug**\n\u003c!-- A clear and concise description of what the bug is. Please, explain whether it's a build time error or a runtime error. More detailed logs can be easily obtained by following the instructions in this guide: https://docs.nativescript.org/get-support#how-to-obtain-diagnostic-reports. --\u003e\nAdding TabView UI component doesn't render on the page.\n\n**To Reproduce**\n\u003c!-- Add commands used or steps taken to reproduce the behaviour. --\u003e\nStart new project by following the docs: https://docs.nativescript.org/tutorials/build-a-master-detail-app-with-angular. or use this stackblitz:\nhttps://stackblitz.com/edit/nativescript-stackblitz-templates-t6bujanb?file=src%2Fapp%2Fitem%2Fitems.component.html,src%2Fapp%2Fitem%2Fitems.component.ts,src%2Fapp%2Fapp.routes.ts\u0026title=NativeScript%20Starter%20Angular\n\nModify items.component.html\n```\n\u003cActionBar title=\"My App\"\u003e \u003c/ActionBar\u003e\n\n\u003cGridLayout\u003e\n  \u003cTabView\u003e\n    \u003cTabViewItem title=\"First\"\u003e\n      \u003cLabel\n        text=\"First Tab Content\"\n        textAlignment=\"center\"\n        verticalAlignment=\"center\"\n      \u003e\u003c/Label\u003e\n    \u003c/TabViewItem\u003e\n    \u003cTabViewItem title=\"Second\"\u003e\n      \u003cLabel\n        text=\"Second Tab Content\"\n        textAlignment=\"center\"\n        verticalAlignment=\"center\"\n      \u003e\u003c/Label\u003e\n    \u003c/TabViewItem\u003e\n    \u003cTabViewItem title=\"Third\"\u003e\n      \u003cLabel\n        text=\"Third Tab Content\"\n        textAlignment=\"center\"\n        verticalAlignment=\"center\"\n      \u003e\u003c/Label\u003e\n    \u003c/TabViewItem\u003e\n  \u003c/TabView\u003e\n\u003c/GridLayout\u003e\n```\n\n**Expected behavior**\n Tab views to load like the bellow:\n\n\u003cimg width=\"1167\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/642e0274-2be5-4e1a-96c7-b31a18a09903\" /\u003e\n\n**Sample project**\n\u003c!-- If possible, provide a link from the [Playground](https://play.nativescript.org) with reproduction of the problem. If not, consider attaching a sample project or link to a repository with such project. --\u003e\n\n**Additional context**\n\u003c!-- Add any other context about the problem here. --\u003e\n","author":{"url":"https://github.com/lano-vargas","@type":"Person","name":"lano-vargas"},"datePublished":"2025-01-28T11:15:52.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/147/angular/issues/147"}