Javascript 在vue项目中找不到NPM依赖项

我的vue项目运行顺利

我对我的一个组件做了一个文件名更改，得到了一个错误。我修复了代码并用npn run serve重新启动了npm服务器

这就是我得到错误的时候：

This dependency was not found:

* vue in ./src/main.js
* router in ./src/vue-router

我设法让路由器再次运行

npm npm i -D @vue/vue-router

我无法让vue再次工作。我试过了

 npm install --save vue

但这是行不通的。我猜这是我的网页配置中的一个引用错误或类似的错误，但我不知道如何去修复它

mymain.js中的代码如下所示：

import { createApp } from "vue";
import App from "./App.vue";
import router from "vue-router";

我认为这是标准的，而且效果很好

非常感谢您的帮助，因为我所有的开发人员都因此停止了

更新

经过一些修改和重新安装，我已经到了这个阶段

您好，我已经添加了编译器sfc，目前，我的package.json如下所示：见下文

我还删除了node_modules文件夹，并使用

npm install

但是，我仍然会遇到以下错误：

Vue packages version mismatch:

- vue@3.0.11 (/Users/delon/Documents/webdev/Vue/amplify_vue3/node_modules/vue/index.js)
- vue-template-compiler@2.6.12 (/Users/delon/Documents/webdev/Vue/amplify_vue3/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.

---

我似乎找不到导致问题的参考。

当您运行npm install vue时，您会说“它不工作”会发生什么？你收到错误信息了吗？您是从正确的目录安装的吗？您好，我没有收到错误，安装很好，但当我npm SERVICE时，它会从main.js文件中给我相同的vue依赖项错误

{
  "name": "amplify_vue3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "@aws-amplify/ui-components": "^1.2.0",
    "@vuelidate/core": "*",
    "@vuelidate/validators": "*",
    "aws-amplify": "^3.3.27",
    "core-js": "^3.12.1",
    "vue": "^3.0.11",
    "vue-loader": "^16.2.0",
    "vue-router": "^4.0.0-0",
    "vuelidate": "^0.7.6"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-service": "^3.0.5",
    "@vue/compiler-sfc": "^3.0.11",
    "css-loader": "^5.2.6",
    "file-loader": "^1.1.11",
    "mini-css-extract-plugin": "^0.4.5"
  }
}