Larvel's Passport error with frontend.....Everything works great till I have to run the command npm run dev and then I get the following error

dev /var/www/html/MyProject

npm run development

@ development /var/www/html/MyProject cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

98% after emitting SizeLimitsPlugin

ERROR Failed to compile with 6 errors 2:10:21 AM

error in ./resources/js/components/passport/Clients.vue

Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.

@ ./resources/js/app.js 16:34-78 @ multi ./resources/js/app.js ./resources/sass/app.scss

error in ./resources/js/components/passport/AuthorizedClients.vue

Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.

@ ./resources/js/app.js 17:45-99 @ multi ./resources/js/app.js ./resources/sass/app.scss

error in ./resources/js/components/passport/PersonalAccessTokens.vue

Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.

@ ./resources/js/app.js 18:49-106 @ multi ./resources/js/app.js ./resources/sass/app.scss

error in ./resources/js/components/passport/Clients.vue

Module build failed (from ./node_modules/vue-loader/lib/index.js): TypeError: Cannot read property 'parseComponent' of undefined at parse (/var/www/html/MyProject/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23) at Object.module.exports (/var/www/html/MyProject/node_modules/vue-loader/lib/index.js:67:22)

@ ./resources/js/app.js 16:34-78 @ multi ./resources/js/app.js ./resources/sass/app.scss

error in ./resources/js/components/passport/AuthorizedClients.vue

Module build failed (from ./node_modules/vue-loader/lib/index.js): TypeError: Cannot read property 'parseComponent' of undefined at parse (/var/www/html/MyProject/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23) at Object.module.exports (/var/www/html/MyProject/node_modules/vue-loader/lib/index.js:67:22)

@ ./resources/js/app.js 17:45-99 @ multi ./resources/js/app.js ./resources/sass/app.scss

error in ./resources/js/components/passport/PersonalAccessTokens.vue

Module build failed (from ./node_modules/vue-loader/lib/index.js): TypeError: Cannot read property 'parseComponent' of undefined at parse (/var/www/html/MyProject/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23) at Object.module.exports (/var/www/html/MyProject/node_modules/vue-loader/lib/index.js:67:22)

@ ./resources/js/app.js 18:49-106 @ multi ./resources/js/app.js ./resources/sass/app.scss

   Asset      Size   Chunks             Chunk Names

/css/app.css 177 KiB /js/app [emitted] /js/app /js/app.js 2.11 MiB /js/app [emitted] /js/app

ERROR in ./resources/js/components/passport/Clients.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. @ ./resources/js/app.js 16:34-78 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/passport/AuthorizedClients.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. @ ./resources/js/app.js 17:45-99 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/passport/PersonalAccessTokens.vue Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. @ ./resources/js/app.js 18:49-106 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/passport/Clients.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): TypeError: Cannot read property 'parseComponent' of undefined at parse (/var/www/html/MyProject/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23) at Object.module.exports (/var/www/html/MyProject/node_modules/vue-loader/lib/index.js:67:22) @ ./resources/js/app.js 16:34-78 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/passport/AuthorizedClients.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): TypeError: Cannot read property 'parseComponent' of undefined at parse (/var/www/html/MyProject/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23) at Object.module.exports (/var/www/html/MyProject/node_modules/vue-loader/lib/index.js:67:22) @ ./resources/js/app.js 17:45-99 @ multi ./resources/js/app.js ./resources/sass/app.scss

ERROR in ./resources/js/components/passport/PersonalAccessTokens.vue Module build failed (from ./node_modules/vue-loader/lib/index.js): TypeError: Cannot read property 'parseComponent' of undefined at parse (/var/www/html/MyProject/node_modules/@vue/component-compiler-utils/dist/parse.js:14:23) at Object.module.exports (/var/www/html/MyProject/node_modules/vue-loader/lib/index.js:67:22) @ ./resources/js/app.js 18:49-106 @ multi ./resources/js/app.js ./resources/sass/app.scss npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ development: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the @ development script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /home/zeshan/.npm/_logs/2020-02-23T21_10_21_973Z-debug.log npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! @ dev: npm run development npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the @ dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! /home/zeshan/.npm/_logs/2020-02-23T21_10_22_036Z-debug.log

via Chebli Mohamed