NativeScript: Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin'
I started getting this error after ns clean
and then ns run ios
Copying template files… Platform ios successfully added. v8.0.0 Preparing project… Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ Require stack:
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/plugin-webpack5.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/plugin.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/index.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/configuration/vue.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/configuration/index.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/index.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/webpack.config.js
- /Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/bin/index.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15) at Function.Module._load (internal/modules/cjs/loader.js:725:27) at Module.require (internal/modules/cjs/loader.js:952:19) at require (internal/modules/cjs/helpers.js:88:18) at Object.<anonymous> (/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/plugin-webpack5.js:6:42) at Module._compile (internal/modules/cjs/loader.js:1063:30) at Object.Module._extensions…js (internal/modules/cjs/loader.js:1092:10) at Module.load (internal/modules/cjs/loader.js:928:32) at Function.Module._load (internal/modules/cjs/loader.js:769:14) at Module.require (internal/modules/cjs/loader.js:952:19) { code: ‘MODULE_NOT_FOUND’, requireStack: [ ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/plugin-webpack5.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/plugin.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/vue-loader/lib/index.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/configuration/vue.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/configuration/index.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/index.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/webpack.config.js’, ‘/Users/rajdeo/Work/IPT/Mobile-App/limelight360-mobile/node_modules/@nativescript/webpack/dist/bin/index.js’ ] } No configuration! Executing webpack failed with exit code 0.
{ “name”: “@nativescript/template-drawer-navigation-ng”, “main”: “src/main.ts”, “displayName”: “Navigation Drawer”, “templateType”: “App template”, “version”: “8.0.4”, “description”: “NativeScript Application”, “author”: “NativeScript Team oss@nativescript.org”, “license”: “SEE LICENSE IN <your-license-filename>”, “publishConfig”: { “access”: “public” }, “files”: [ “App_Resources”, “hooks”, “src”, “tools”, “!tools/assets”, “.editorconfig”, “references.d.ts”, “tsconfig.json” ], “keywords”: [ “nstudio”, “nativescript”, “mobile”, “angular”, “{N}”, “tns”, “template”, “drawer”, “navigation”, “category-general” ], “repository”: “<fill-your-repository-here>”, “homepage”: “https://github.com/NativeScript/nativescript-app-templates”, “bugs”: { “url”: “https://github.com/NativeScript/NativeScript/issues” }, “dependencies”: { “@angular/animations”: “~11.2.7”, “@angular/common”: “~11.2.7”, “@angular/compiler”: “~11.2.7”, “@angular/core”: “~11.2.7”, “@angular/forms”: “~11.2.7”, “@angular/platform-browser”: “~11.2.7”, “@angular/platform-browser-dynamic”: “~11.2.7”, “@angular/router”: “~11.2.7”, “@nativescript-community/ui-canvas”: “^4.0.49”, “@nativescript-community/ui-material-bottom-navigation”: “^5.2.30”, “@nativescript-community/ui-material-tabs”: “^5.2.30”, “@nativescript-community/universal-links”: “^2.0.3”, “@nativescript/angular”: “~11.8.0”, “@nativescript/appversion”: “^2.0.0”, “@nativescript/background-http”: “^5.0.2”, “@nativescript/core”: “~8.0.0”, “@nativescript/datetimepicker”: “^2.1.3”, “@nativescript/fingerprint-auth”: “^7.0.0”, “@nativescript/firebase”: “^11.1.3”, “@nativescript/imagepicker”: “^1.0.3”, “@nativescript/iqkeyboardmanager”: “^2.0.0”, “@nativescript/secure-storage”: “^3.0.0”, “@nativescript/theme”: “~3.0.1”, “@nota/nativescript-webview-ext”: “^8.0.0”, “@nstudio/nativescript-checkbox”: “^2.0.4”, “@nstudio/nativescript-floatingactionbutton”: “^3.0.4”, “@nstudio/nativescript-pulltorefresh”: “^3.0.1”, “@triniwiz/nativescript-toasty”: “^4.1.3”, “iso8601-duration”: “^1.3.0”, “nativescript-advanced-webview”: “^6.1.1”, “nativescript-carousel”: “^7.0.1”, “nativescript-feedback”: “^2.0.0”, “nativescript-http-formdata”: “^2.1.0”, “nativescript-mediafilepicker”: “^4.0.2”, “nativescript-ui-calendar”: “^7.0.2”, “nativescript-ui-listview”: “^9.1.0”, “nativescript-ui-sidedrawer”: “~9.0.3”, “nativescript-windowed-modal”: “7.0.0”, “reflect-metadata”: “~0.1.13”, “rxjs”: “~6.6.7”, “rxjs-compat”: “^6.6.7”, “zone.js”: “~0.11.4” }, “devDependencies”: { “@angular/compiler-cli”: “~11.2.7”, “@nativescript/android”: “8.0.0”, “@nativescript/ios”: “8.0.0”, “@nativescript/types”: “~8.0.0”, “@nativescript/webpack”: “beta”, “@ngtools/webpack”: “~11.2.6”, “typescript”: “~4.0.0” }, “private”: “true”, “readme”: “NativeScript Application” }
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Comments: 37
@pjmagtubo i had this this morning. Upgrading
vue-loader
fixed itThanks running
npm i vue-loader
solved my problemHi @rigor789
You may use the attached zip file and paste it on your project. “webpack/lib/rules/DescriptionDataMatcherRulePlugin.js”
DescriptionDataMatcherRulePlugin.zip
@farfromrefug worked. thank you
npm i vue-loader@latest
npm i vue-loader
I’m in a NativeScript 8.1 migrated project using Angular and I have this error with vue-loader