How to use vue-router in Laravel8 project?

Question

I tried to do the Investory management project with laravel7 +VueJs + RestAPIs , I have tried also with Laravel8 following given steps with

composer require laravel/ui
php artisan ui vue --auth
npm install
npm install vue-router
php artisan migrate 
npm run dev

then I am getting this error , where the instruction have shown, he has created 2 component Login and Register and after all stuff Login page in comming in home page with Vue-router but in my case nothing happen , please help , the error is here

npm ERR! node_modules/vue

npm ERR! dev vue@"^2.6.12" from the root project

npm ERR!

npm ERR! Could not resolve dependency:

npm ERR! peer vue@"^3.2.0" from [email protected]

npm ERR! node_modules/vue-router

npm ERR! vue-router@"4" from the root project

You need to be in the root of your project when you run those commands, and have a valid package.json (run npm init to create). — Alicia Sykes
– Alicia Sykes, Commented May 15, 2022 at 9:46
Looks like vue-router@4 requires vue@3 while you have vue@2 installed. Try a lower version for vue-router — user8034901
– user8034901, Commented May 15, 2022 at 9:53
Thanks a lot !! , but now I am getting new error, after installing vue-route@3 — Asutosh Roy
– Asutosh Roy, Commented May 18, 2022 at 18:56
@brombeer new error like [webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin' Require stack: - E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\vue-loader\lib\plugin-webpack5.js - E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\vue-loader\lib\plugin.js - E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\vue-loader\lib\index.js — Asutosh Roy
– Asutosh Roy, Commented May 18, 2022 at 19:16
@brombeer E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\webpack-cli\lib\webpack-cli.js - E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\webpack-cli\lib\bootstrap.js - E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\webpack-cli\bin\cli.js - E:\My Projects\Laravel\Other Projects\Laravel8_Inventory\node_modules\webpack\bin\webpack.js — Asutosh Roy
– Asutosh Roy, Commented May 18, 2022 at 19:20

Khaled Ahmed Mithun · Accepted Answer · 2022-05-20 16:33:04Z

1

Same problem.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: undefined@undefined
npm ERR! Found: [email protected]
npm ERR! node_modules/vue
npm ERR! dev vue@"^2.6.14" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.2.0" from [email protected]
npm ERR! node_modules/vue-router
npm ERR! vue-router@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\Mithun\AppData\Local\npm-cache\eresolve-report.txt for a full report.

edited May 20, 2022 at 16:33

answered May 20, 2022 at 16:29

Khaled Ahmed Mithun

75 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Asutosh Roy Over a year ago

please let me know if u find any solution , fade up with this ...@Khaled Ahmed Mithun

Collectives™ on Stack Overflow

How to use vue-router in Laravel8 project?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related