René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Unable to build NativeScript 5.4 application with nativescript-angular 8.0.2","articleBody":"**Environment**\r\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):\r\n - CLI: 5.4.2\r\n - Cross-platform modules: 5.4.3\r\n - Android Runtime: 5.4.0\r\n - iOS Runtime: 5.4.2\r\n - Plugin(s):\r\n```JSON\r\n{\r\n  \"nativescript\": {\r\n    \"id\": \"org.nativescript.appNg54\",\r\n    \"tns-android\": {\r\n      \"version\": \"5.4.0\"\r\n    },\r\n    \"tns-ios\": {\r\n      \"version\": \"5.4.2\"\r\n    }\r\n  },\r\n  \"description\": \"NativeScript Application\",\r\n  \"license\": \"SEE LICENSE IN \u003cyour-license-filename\u003e\",\r\n  \"repository\": \"\u003cfill-your-repository-here\u003e\",\r\n  \"dependencies\": {\r\n    \"@angular/animations\": \"~8.0.0\",\r\n    \"@angular/common\": \"~8.0.0\",\r\n    \"@angular/compiler\": \"~8.0.0\",\r\n    \"@angular/core\": \"~8.0.0\",\r\n    \"@angular/forms\": \"~8.0.0\",\r\n    \"@angular/http\": \"~8.0.0-beta.10\",\r\n    \"@angular/platform-browser\": \"~8.0.0\",\r\n    \"@angular/platform-browser-dynamic\": \"~8.0.0\",\r\n    \"@angular/router\": \"~8.0.0\",\r\n    \"nativescript-angular\": \"~8.0.0\",\r\n    \"nativescript-theme-core\": \"~1.0.4\",\r\n    \"reflect-metadata\": \"~0.1.12\",\r\n    \"rxjs\": \"~6.5.0\",\r\n    \"tns-core-modules\": \"~5.4.0\",\r\n    \"zone.js\": \"~0.9.1\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@angular/compiler-cli\": \"~8.0.0\",\r\n    \"@ngtools/webpack\": \"~8.0.0\",\r\n    \"nativescript\": \"^5.4.2\",\r\n    \"nativescript-dev-typescript\": \"~0.10.0\",\r\n    \"nativescript-dev-webpack\": \"~0.24.0\"\r\n  },\r\n  \"gitHead\": \"8c1a4866a66daab09bf5ef8e5a96472687192373\",\r\n  \"readme\": \"NativeScript Application\"\r\n}\r\n```\r\n - NativeScript-Angular: 8.0.2\r\n - Angular: 8\r\n \r\n**Describe the bug**\r\nWhen trying to build NativeScript application created with 5.4, the application suddenly failed to build. In package.json of the project, the `nativescript-angular` is referenced with `~8.0.0`, which suddenly installed 8.0.2 of the package. After trying to build the application (with bundle workflow) an error occured:\r\n`tns build android`:\r\n```\r\nERROR in ../node_modules/nativescript-angular/element-registry.js\r\nModule not found: Error: Can't resolve 'tns-core-modules/ui/bottom-navigation' in 'D:\\Work\\nativescript-cli\\scratch\\appNg54\\node_modules\\nativescript-angular'\r\n @ ../node_modules/nativescript-angular/element-registry.js 142:57-105\r\n @ ../node_modules/nativescript-angular/renderer.js\r\n @ ../node_modules/nativescript-angular/nativescript.module.js\r\n @ ./app/app.module.ts\r\n @ ./main.ts\r\n\r\nERROR in ../node_modules/nativescript-angular/element-registry.js\r\nModule not found: Error: Can't resolve 'tns-core-modules/ui/tab-navigation-base/tab-content-item' in 'D:\\Work\\nativescript-cli\\scratch\\appNg54\\node_modules\\nativescript-angular'\r\n @ ../node_modules/nativescript-angular/element-registry.js 172:55-122\r\n @ ../node_modules/nativescript-angular/renderer.js\r\n @ ../node_modules/nativescript-angular/nativescript.module.js\r\n @ ./app/app.module.ts\r\n @ ./main.ts\r\n\r\nERROR in ../node_modules/nativescript-angular/element-registry.js\r\nModule not found: Error: Can't resolve 'tns-core-modules/ui/tab-navigation-base/tab-strip' in 'D:\\Work\\nativescript-cli\\scratch\\appNg54\\node_modules\\nativescript-angular'\r\n @ ../node_modules/nativescript-angular/element-registry.js 170:49-109\r\n @ ../node_modules/nativescript-angular/renderer.js\r\n @ ../node_modules/nativescript-angular/nativescript.module.js\r\n @ ./app/app.module.ts\r\n @ ./main.ts\r\n\r\nERROR in ../node_modules/nativescript-angular/element-registry.js\r\nModule not found: Error: Can't resolve 'tns-core-modules/ui/tab-navigation-base/tab-strip-item' in 'D:\\Work\\nativescript-cli\\scratch\\appNg54\\node_modules\\nativescript-angular'\r\n @ ../node_modules/nativescript-angular/element-registry.js 171:53-118\r\n @ ../node_modules/nativescript-angular/renderer.js\r\n @ ../node_modules/nativescript-angular/nativescript.module.js\r\n @ ./app/app.module.ts\r\n @ ./main.ts\r\n\r\nERROR in ../node_modules/nativescript-angular/element-registry.js\r\nModule not found: Error: Can't resolve 'tns-core-modules/ui/tabs' in 'D:\\Work\\nativescript-cli\\scratch\\appNg54\\node_modules\\nativescript-angular'\r\n @ ../node_modules/nativescript-angular/element-registry.js 173:45-80\r\n @ ../node_modules/nativescript-angular/renderer.js\r\n @ ../node_modules/nativescript-angular/nativescript.module.js\r\n @ ./app/app.module.ts\r\n @ ./main.ts\r\nWebpack compilation complete.\r\nExecuting webpack failed with exit code 2.\r\n```\r\n\r\n**To Reproduce**\r\n1. Install nativescript  CLI 5.4.x: `npm i -g nativescript@5.4`\r\n2. Create new application with the currently installed CLI: `tns create myApp --ng`\r\n3. Try to build the application: `cd myApp \u0026\u0026 tns build android`\r\nThe build will fail.\r\n\r\n**Expected behavior**\r\nPatch version of the package should not break existing applications.\r\n\r\n**Workaround**: \r\nHardcode version 8.0.1 of `nativescript-angular` in the project's package.json:\r\n```\r\nnpm i --save --save-exact nativescript-angular@8.0.1\r\n```","author":{"url":"https://github.com/rosen-vladimirov","@type":"Person","name":"rosen-vladimirov"},"datePublished":"2019-07-22T20:07:07.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4},"url":"https://github.com/1914/nativescript-angular/issues/1914"}