在vue项目中未找到NPM依赖项

zfciruhq  于 2023-03-30  发布在  其他
关注(0)|答案(1)|浏览(139)

我的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

我猜这是我的webpack配置中的一个引用错误或类似的东西,但我不知道如何去修复它。
我的main.js中的代码看起来像这样:

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

我认为这是标准的,而且工作得很好。
帮助将是最感激的,因为我所有的开发已经停止,因为这一点。
更新
经过一些摆弄和重新安装我已经到了这个阶段
你好,我已经添加了compiler-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.
{
  "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"
  }
}

我似乎找不到引起问题的参考资料。

相关问题