Vue 报错:This dependency was not found大坑

最新推荐文章于 2024-03-16 20:06:12 发布

Answer_Ming

最新推荐文章于 2024-03-16 20:06:12 发布

阅读量5.7w

点赞数 21

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ZMM_Devil/article/details/94363927

本文详细解析了在Vue项目中遇到的组件导入错误问题，特别是当尝试导入不存在的组件时，npm安装提示的误导及正确的解决步骤。通过调整组件路径，成功解决了Lianxi.vue组件的导入问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错提示:

This dependency was not found:
* /components/Lianxi.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
To install it, you can run: npm install --save /components/Lianxi.vue

解决方法:

刚报错去网上跑了很多弯路都是说node_modules的问题,让删了重新下载依赖,可是并没有什么用

<template>
  <div id="app">
<!--    <img src="./assets/logo.png"> -->
    <!-- <HelloWorld/> -->
		<Lianxi/>
  </div>
</template>

<script>
import HelloWorld from './components/HelloWorld'
import Lianxi from '/components/Lianxi.vue'

export default {
  name: 'App',
  components: {
    // HelloWorld
		Lianxi
  }
}
</script>

为了演示,Lianxi.vue是跟HelloWord 同目录下,当你输入import的时候会提示import 然后你敲确认后会直接让你写文件名字但是它后边的路径是错的所以改下路径就OK了