首页 > 解决方案 > 在 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

但它不起作用。我猜这是我的 webpack 配置中的参考错误或类似的错误,但我不知道如何修复它。

我的 main.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.
{
  "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"
  }
}

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

标签: javascriptnode.jsvue.jsnpm

解决方案


推荐阅读