René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"If using Vue 2, see latest comment here 💯 ","articleBody":"### Issue Description\n\nI am not able to build an app. I tried to create a new app from scratch (via ns create) and cannot build it. Firstly I get a nativescript/webpack error that vueloader cannot be patched. Then it is not able to find styles with styleloader.js\n\nHere is my package.json\n```\n{\n  \"name\": \"tapp\",\n  \"main\": \"app/app.js\",\n  \"version\": \"1.0.0\",\n  \"private\": true,\n  \"dependencies\": {\n    \"@nativescript/core\": \"~9.0.0\",\n    \"@nativescript/theme\": \"^3.1.0\",\n    \"nativescript-vue\": \"~2.9.3\"\n  },\n  \"devDependencies\": {\n    \"@nativescript/ios\": \"9.0.2\",\n    \"@nativescript/webpack\": \"~5.0.25\",\n    \"nativescript-vue-template-compiler\": \"~2.9.3\"\n  }\n}\n\n```\nmy webpack.config.js\n```\nconst webpack = require(\"@nativescript/webpack\");\n\nmodule.exports = (env) =\u003e {\n\twebpack.init(env);\n\n\t// Learn how to customize:\n\t// https://docs.nativescript.org/webpack\n\n\treturn webpack.resolveConfig();\n};\n```\n\n\n\n### Reproduction\n\n1. ns create \u003cappname\u003e (Vue template, blank)\n2. ns run ios\n\n### Relevant log output (if applicable)\n\n```shell\niMac-Anastasia:tapp dartow$ ns run ios --emulator\nSearching for devices...\nCopying template files...\nPlatform ios successfully added. v9.0.2\nPreparing project...\n[@nativescript/webpack] Error: \n Failed to patch VueLoader - HMR may not work properly!\nwebpack is watching the files...\nassets by path *.js 3.81 MiB\n  asset vendor.js 3.76 MiB [emitted] (name: vendor) (id hint: defaultVendor) 1 related asset\n  asset runtime.js 40.7 KiB [emitted] (name: runtime) 1 related asset\n  asset bundle.js 12.1 KiB [emitted] (name: bundle) 1 related asset\nassets by path fonts/*.ttf 374 KiB\n  asset fonts/fa-solid-900.ttf 204 KiB [emitted] [from: app/fonts/fa-solid-900.ttf] [copied]\n  asset fonts/fa-brands-400.ttf 131 KiB [emitted] [from: app/fonts/fa-brands-400.ttf] [copied]\n  asset fonts/fa-regular-400.ttf 39.1 KiB [emitted] [from: app/fonts/fa-regular-400.ttf] [copied]\nasset tns_modules/inspector_modules.js 939 bytes [emitted] (name: tns_modules/inspector_modules) 1 related asset\nEntrypoint bundle 3.81 MiB (3.73 MiB) = runtime.js 40.7 KiB vendor.js 3.76 MiB bundle.js 12.1 KiB 3 auxiliary assets\nEntrypoint tns_modules/inspector_modules 3.8 MiB (3.72 MiB) = runtime.js 40.7 KiB vendor.js 3.76 MiB tns_modules/inspector_modules.js 939 bytes 3 auxiliary assets\norphan modules 76.3 KiB [orphan] 19 modules\nruntime modules 26.7 KiB 13 modules\nmodules by path ./node_modules/@nativescript/ 1.89 MiB 223 modules\nmodules by path ./node_modules/css-tree/lib/ 318 KiB 123 modules\nmodules by path ./node_modules/source-map-js/ 104 KiB 11 modules\nmodules by path ./app/ 5.8 KiB\n  ./app/app.js 4.44 KiB [built] [code generated]\n  + 5 modules\nmodules by path ./node_modules/@csstools/ 132 KiB\n  ./node_modules/@csstools/css-calc/dist/index.mjs 28.3 KiB [built] [code generated]\n  + 4 modules\nmodules by path ./node_modules/css-what/dist/esm/*.js 24.9 KiB\n  ./node_modules/css-what/dist/esm/index.js 121 bytes [built] [code generated]\n  + 3 modules\n+ 6 modules\n\nERROR in ./app/app.js 2:0-20\nModule not found: Error: Can't resolve 'vue-loader/lib/loaders/stylePostLoader.js' in '/Users/dartow/Documents/GitHub/lr-west/frontend/tapp'\n\nERROR in ./app/components/Home.vue?vue\u0026type=template\u0026id=1858554c\u0026scoped=true (./node_modules/@nativescript/webpack/dist/loaders/nativescript-worker-loader/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./app/components/Home.vue?vue\u0026type=template\u0026id=1858554c\u0026scoped=true)\nModule build failed (from ./node_modules/@nativescript/webpack/dist/loaders/nativescript-worker-loader/index.js):\nTypeError: Cannot read properties of undefined (reading 'replace')\n    at Object.loader (/Users/dartow/Documents/GitHub/lr-west/frontend/tapp/node_modules/@nativescript/webpack/dist/loaders/nativescript-worker-loader/index.js:44:28)\n @ ./app/components/Home.vue?vue\u0026type=template\u0026id=1858554c\u0026scoped=true 1:0-297 1:0-297\n @ ./app/components/Home.vue 1:0-80 8:71-80\n @ ./app/app.js 5:0-36 8:31-35\n\nERROR in ./app/components/Home.vue 5:0-76\nModule not found: Error: Can't resolve 'vue-loader/lib/loaders/stylePostLoader.js' in '/Users/dartow/Documents/GitHub/lr-west/frontend/tapp'\n @ ./app/app.js 5:0-36 8:31-35\n\n2 errors have detailed information that is not shown.\nUse 'stats.errorDetails: true' resp. '--stats-error-details' to show it.\n\nwebpack 5.103.0 compiled with 3 errors in 8382 ms\nWebpack compilation complete. Watching for file changes.\n```\n\n### Environment\n\n\u003c!-- COPY START --\u003e\n```yaml\nOS: macOS 15.7.2\nCPU: (4) x64 Intel(R) Core(TM) i5-4570R CPU @ 2.70GHz\nShell: /bin/bash\nnode: 25.2.1\nnpm: 11.6.2\nnativescript: 9.0.1\n\n# android\njava: 21.0.9\nndk: Not Found\napis: Not Found\nbuild_tools: Not Found\nsystem_images: Not Found\n\n# ios\nxcode: 16.3/16E140\ncocoapods: 1.13.0\npython: Not Found\npython3: 3.9.6\nruby: 3.2.2\nplatforms: \n  - DriverKit 24.4\n  - iOS 18.4\n  - macOS 15.4\n  - tvOS 18.4\n  - visionOS 2.4\n  - watchOS 11.4\n```\n\n### Dependencies\n\n```json\n\"dependencies\": {\n  \"@nativescript/core\": \"~9.0.0\",\n  \"@nativescript/theme\": \"^3.1.0\",\n  \"nativescript-vue\": \"~2.9.3\"\n},\n\"devDependencies\": {\n  \"@nativescript/ios\": \"9.0.2\",\n  \"@nativescript/webpack\": \"~5.0.25\",\n  \"nativescript-vue-template-compiler\": \"~2.9.3\"\n}\n```\n\u003c!-- COPY END --\u003e\n\n### Please accept these terms\n\n- [x] I have searched the [existing issues](https://github.com/NativeScript/NativeScript/issues) as well as [StackOverflow](https://stackoverflow.com/questions/tagged/nativescript) and this has not been posted before\n- [x] This is a bug report\n- [x] I agree to follow this project's [Code of Conduct](https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#coc)","author":{"url":"https://github.com/dartstyle","@type":"Person","name":"dartstyle"},"datePublished":"2025-12-15T17:17:56.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5},"url":"https://github.com/11009/NativeScript/issues/11009"}