Vue路由import报错This dependency was not found

已于 2023-01-03 11:52:47 修改
阅读量2.5k 收藏 3
点赞数 1
分类专栏： 笔记 前端 文章标签： vue.js 前端 javascript
于 2023-01-03 11:13:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46906696/article/details/128529914
版权
笔记 同时被 2 个专栏收录
42 篇文章 20 订阅
订阅专栏
前端
11 篇文章 1 订阅
订阅专栏
当Vue项目在导入路由组件时遇到问题，可能是因为使用了绝对路径。解决方案包括将导入路径改为相对路径，如`import组件名from@/路径/路径`或`import组件名from../路径/路径`。@通常代表src目录，使用相对路径能确保正确读取。如果绝对路径无效，应调整为相对路径来解决依赖找不到的问题。
摘要由CSDN通过智能技术生成

问题原因

Vue项目在给路由导入组件的时候，假设用自动导入，一般会自动导入绝对路径
在这里插入图片描述
在这里插入图片描述

解决方案1

解决问题的关键就是把路径改成相对路径
用 import 组件名 from @/路径/路径
在这里插入图片描述
具体为什么是@开头可以看这个
路径为什么是@开头

相似的问题描述：
Vue中"This dependency was not found"问题的解决方法
Vue 导入文件import、路径@和.的区别

解决方案2

用 import 组件名 from ../路径/路径
同样表示相对路径
在这里插入图片描述

总结

如果出现了相似的问题要多尝试，有的时候绝对路径是读取不到的。
这种情况下就要及时进行更正，更正为用@开头或者..开头的相对路径

风吟Pro
关注
专栏目录
Vue中”This dependency was not found”问题的解决方法
12-10
在Vue项目开发中，我们有时会遇到一个常见的错误提示：“This dependency was not found”，这通常是由于模块导入路径不正确或Webpack配置不完善导致的。在本文中，我们将深入探讨这个问题，分析其原因，并提供解决...
Vue项目报错：This dependency was not found:
博客简介
11-18 1257
讲该文件删除，重新cnpm install
解决Vue报错:This dependency was not found
Sunshine_Jian的博客
03-02 1万+
This dependency was not found： * vue in ./src/main.js To install it, you can run: npm install --save vue
This dependency was not found:*XX in ./node_modules/@vue/cli-plugin-babel/node_modules/cache-loader
最新发布
2301_80587300的博客
08-15 750
报错是每天都有的，但是大报错。我真的要哭了呜呜呜，4h+是有点夸张成分的，我是改完另一个报错接着又出现这个报错才花那么长时间的，当然改报错能改那么久有个原因是我菜 嘿嘿，收！这个解决方法看起来好蠢，大家别骂我，我也觉得好蠢啊啊啊真没想到这一步，还花了那么多时间重装更新yarn 配置密钥 安装包。我也是这么想，先配置了github密钥又下载这个包，结果还是显示这个报错，又下载又报错。接着我就发现系统帮我自动引入了mock/user，删掉这行就没报错了。这个报错，不一定有用，也是多给大家一个解决途径吧~
【Vue】运行项目报错 This dependency was not found
qq_27860623的博客
08-18 1599
运行Vue 项目报错，提示This dependency was not found；然后我根据提示 执行 npm install --save vue/types/umd ,执行后发现错误，我一开始一直以为是我本地装不上这个依赖。后来找了资料后，看到应该是自己的代码里面随意的import 导致的。于是我在项目里面搜索了 umd，发现有一个vue界面有错误的import，不知道是什么时候生成的。将这行代码删除，项目正常运行。
解决报错 This dependency was not found(这个依赖没有找到)
m0_67402731的博客
03-02 5011
错误的原因是你这个文件引入或使用了文件资源,但却没有找到 我是因为写样式使用了less,却没有依赖,所以把less删掉或是下less依赖就可以了 <style scoped lang='less'> </style> 报错全部信息 ERROR Failed to compile with 1 errors 下午10:57:54 This dependency was not found: !!../…/…/node_modules/extract-text-webpack-p.
vue动态加载组件import引入组件找不到组件（Error: Cannot find module）
TTong_190502的博客
06-16 6151
vue动态加载组件import引入组件找不到组件，异步加载组件找不到组件解决方案
Vue中"This dependency was not found"问题的解决方法
08-27
"Vue中"This dependency was not found"问题的解决方法" Vue 中的"This dependency was not found"问题是指在使用 Vue 框架进行开发时，无法找到依赖项的情况。这类问题常见于编译时，控制台会报错，表示无法找到...
vite vue3 import.meta.glob动态路由
03-29
总的来说，`vite vue3 import.meta.glob动态路由`是一种现代化的、灵活的路由管理方式，它利用了Vite的特性，使Vue 3应用的路由配置更加动态和可维护。在实际开发中，合理运用这一特性可以显著提高开发效率和应用...
关于vue.js发布后路径引用的问题解决
10-19
在Vue.js开发过程中，我们经常会遇到在项目打包发布后，静态资源（如CSS、JavaScript文件）的路径引用出现问题。这主要是因为Vue CLI在构建（build）项目时，根据配置生成的路径是相对基础URL的，当项目部署在非根...
vue报错This dependency was not found的相关解决方法
qq_59049353的博客
03-16 3780
win+s 搜索命令符-----右击以管理员的权限运行，进入后直接npm install --save 缺少的文件即可。win+r打开cmd，输入npm config list 把taobao镜像换为最新路径。在系统内已经把变量改成自己需要的了（意思就是文件名没有同名，更改了文件信息和文件名不同）#最新地址 淘宝 NPM 镜像站喊你切换新域名啦!1.淘宝镜像路径版本太老。修改管理员权限下载即可。
vue import 引入时报错
m0_66590360的博客
01-23 944
最新学习vue 开发 在安装完一系列环境后 想使用。语句引入本地vue.js 会出现错误提示 的原因。
Vue：项目启动时报错These dependencies were not found 解决办法
windyJ809的博客
06-12 2万+
vue项目启动报错 These dependencies were not found
This dependency was not found:
泺一的博客
06-13 4524
运行时报错 ：This dependency was not found: 未找到依赖关系 看这个报错提示的时候，会以为是自己写的路径有问题，于是分析了很久App.vue与src文件见之间的关系，笃定自己没写错路径。 最后发现是少了一个斜杠造成的： 解决方法：把路径内的斜杠加上，就好啦。 还有可能出现的错误原因： 1.路径前面多了空格，需要把路径内的空格删除； 2.路径大小写或英文没写对，需要检查一下~总结一下：报错提示仅供参考，不要完全死磕报错提示，要不然一直在错误里面转圈圈。...
Vue 启动错误 “This dependency was not found“* vue in ./src/main.js, ./src/router/index.js解决方法
qq_42668598的博客
03-17 8157
查看自己的package.json里的的vue 版本 “dependencies”: { “axios”: “^0.26.1”, “element”: “^0.1.4”, "vue": “^2.6.14”, “vue-router”: “^3.5.3”, “vuex”: “^4.0.2” }, VUE版本要更改为你更新前的版本 命令 npm install vue@2.0.8 --save（中间数字更改为你需要更改的版本，全部复制不要落下save） 然后还需要注意你恢复的VUE版本与你的项目的包要匹配，不
Vue项目开发中的问题：This dependency was not found
yhl_nsd的博客
04-24 2026
1.完整错误提示 This dependency was not found: * Login.js?vue&type=script&lang=js& in ./src/views/Login/Login.vue To install it, you can run: npm install --save Login.js?vue&type=script&lang=js& 2.原因及解决方案 经过查证，我Login.vue文件引入Login.js文件路径
Vue项目导入插件（vue项目报错This dependency was not found）
easyJob
09-03 1178
步骤： （1）项目目录下进行插件的安装 （2）import xxx from xxx，后使用 否则：没有步骤一（即在非项目目录下安装了插件也没用） 会报错： Failed to compile with 1 error This dependency was not found: * element-plus in ..
vue踩坑：this dependency was not found
热门推荐
a1192492677的博客
03-13 5万+
问题背景：在学习vue的router的过程中，自己在新建了一个文件夹，然后在router–>index.js中引用这个路径，结果保存编译后总是出现 ERROR Failed to compile with 1 errors ...
vue 路由文件 无法识别@ 报错this dependency was not found:
05-01
当在 Vue 路由文件中引用组件时，可以使用相对路径或别名（alias）来引用，其中别名可以在 webpack 的配置中进行设置。通常情况下，@ 符号代表 src 目录的路径，也是一个别名。如果在路由文件中使用 @ 来引用组件时出现了“this dependency was not found”这样的错误提示，可能是以下原因所致： 1. webpack 配置中没有正确设置别名 可以在 webpack 的配置文件中设置一个 alias，把 @ 映射到项目的 src 目录。如下面的例子，将 @ 映射到 src 目录： ``` // webpack.config.js module.exports = { resolve: { alias: { '@': path.resolve(__dirname, 'src') } } } ``` 2. TypeScript 中的路径映射问题 如果在 TypeScript 中使用了路径映射来解析路径，如下所示： ``` // tsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] } } } ``` 则需要在 webpack 配置中设置 resolve.modules，将项目根目录加入其中： ``` // webpack.config.js module.exports = { resolve: { modules: [ path.join(__dirname, './'), path.join(__dirname, './node_modules') ] } } ``` 3. 项目结构变更或路径错误 如果项目结构发生了变更，或者组件的路径写错了，也会出现 “this dependency was not found”这样的错误提示。在这种情况下，需要检查组件的路径是否正确，或者对项目结构进行调整。 总之，无法识别 @ 符号的错误往往是因为 webpack 配置问题或路径设置不正确，需要仔细检查并进行调整。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值