How can I get yarn serve to execute here? - vue.js

Question

I have a problem getting yarn serve to run for my Vue app.
I have a package.json file that has a lot of requirements:
{
"name": "frontend",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"jquery": "^3.6.0",
"react-step-wizard": "^5.3.11",
"register-service-worker": "^1.7.1",
"vue": "^2.7.10",
"vue-router": "^3.2.0",
"vuetify": "^2.6.10",
"vuex": "^3.4.0"
},
"devDependencies": {
"#vue/cli-plugin-babel": "^5.0.8",
"#vue/cli-plugin-eslint": "^5.0.8",
"#vue/cli-plugin-pwa": "^5.0.8",
"#vue/cli-plugin-router": "^5.0.8",
"#vue/cli-plugin-vuex": "^5.0.8",
"#vue/cli-service": "^5.0.8",
"babel-eslint": "^10.1.0",
"eslint": "^7.32.0",
"eslint-plugin-vue": "^6.2.2",
"sass": "~1.32.0",
"sass-loader": "^10.0.0",
"vue-cli-plugin-vuetify": "~2.4.5",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.7.0"
}
}
and here is the error:
ERROR in ./src/views/Team.vue
Module build failed (from ./node_modules/vuetify-loader/lib/loader.js):
Error:
Vue packages version mismatch:
- vue#2.7.10 (C:\Users\276904\SORA\cactus111_soracourses\Flash Game Rebuilds\Cash Cabin 2022\frontend\node_modules\vue\dist\vue.runtime.common.js)
- vue-template-compiler#2.6.14 (C:\Users\276904\SORA\cactus111_soracourses\Flash Game Rebuilds\Cash Cabin 2022\frontend\node_modules\vue-template-compiler\package.json)
This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader#>=10.0, simply update vue-template-compiler.
If you are using vue-loader#<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
at Object.<anonymous> (C:\Users\276904\SORA\cactus111_soracourses\Flash Game Rebuilds\Cash Cabin 2022\frontend\node_modules\vue-template-compiler\index.js:10:9)
at Module._compile (node:internal/modules/cjs/loader:1126:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
at Module.load (node:internal/modules/cjs/loader:1004:32)
at Function.Module._load (node:internal/modules/cjs/loader:839:12)
at Module.require (node:internal/modules/cjs/loader:1028:19)
at require (node:internal/modules/cjs/helpers:102:18)
at Object.<anonymous> (C:\Users\276904\SORA\cactus111_soracourses\Flash Game Rebuilds\Cash Cabin 2022\frontend\node_modules\vuetify-loader\lib\loader.js:3:18)
at Module._compile (node:internal/modules/cjs/loader:1126:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
# ./src/router/index.js 4:0-37 25:13-17
# ./src/main.js 4:0-30 9:2-8