vue run dev が正常に働かない

〇やりたいこと
Vue.jsを使ってSPAを作ろうとしています。

〇困っていること
調べていく中で、
npm run dev　を実行する必要がある。と様座なサイトから見つけました。

しかしこれを実行するとエラーですすみません。

エラーは、
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-profect@0.1.0 dev:'webpack --mode development'
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-project@0.1.0 dev script
npm ERR! This is probably not a problem with npm.There is likely additonal logging output above.
npm ERR! A complete log of this run can be found in:
です。

〇調べたこと
ELIFECYCLEで調べたところ、Node.jsのモジュールを一度消去して、再度インストールをすることによって解決するという方法が多数出ました。
（コマンドも同じものです）
それらも試したのですが、一向に変わりません。

コマンドは以下です
①rm -rf node_modules　(自分のPCではrmが認識されなかったのでdelで消去しています）
②rm package-lock.json yarn.lock
③npm cache clear --force
④npm install

ここまでは問題なく進むのですが、npm run devをすると同様のエラーが起きます。

アドバイスをお願いします。

※※※追記※※※
npm run serveを実行すると正常に動きます。
しかしvue-routerを使ってSPA機能をもったアプリをつくるためには
npm run devで実行する必要がある、ようなことを読んだ気がするのでこちらにこだわっています。

※※※

現段階のjsonファイルも載せておきます。

json
1{
2  "name": "vue-project",
3  "version": "0.1.0",
4  "private": true,
5  "scripts": {
6    "dev": "webpack --mode development",
7    "serve": "vue-cli-service serve",
8    "build": "vue-cli-service build",
9    "lint": "vue-cli-service lint"
10  },
11  "dependencies": {
12    "core-js": "^3.6.5",
13    "vue": "^2.6.11"
14  },
15  "devDependencies": {
16    "@vue/cli-plugin-babel": "~4.5.0",
17    "@vue/cli-plugin-eslint": "~4.5.0",
18    "@vue/cli-service": "~4.5.0",
19    "babel-eslint": "^10.1.0",
20    "eslint": "^6.7.2",
21    "eslint-plugin-vue": "^6.2.2",
22    "vue-template-compiler": "^2.6.11"
23  },
24  "eslintConfig": {
25    "root": true,
26    "env": {
27      "node": true
28    },
29    "extends": [
30      "plugin:vue/essential",
31      "eslint:recommended"
32    ],
33    "parserOptions": {
34      "parser": "babel-eslint"
35    },
36    "rules": {}
37  },
38  "browserslist": [
39    "> 1%",
40    "last 2 versions",
41    "not dead"
42  ]
43}
44