Vue路由import报错This dependency was not found

问题原因

Vue项目在给路由导入组件的时候,假设用自动导入,一般会自动导入绝对路径
在这里插入图片描述
Vue路由import报错This dependency was not found_第1张图片

解决方案1

解决问题的关键就是把路径改成相对路径
import 组件名 from @/路径/路径
Vue路由import报错This dependency was not found_第2张图片
具体为什么是@开头可以看这个
路径为什么是@开头

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

解决方案2

import 组件名 from ../路径/路径
同样表示相对路径
Vue路由import报错This dependency was not found_第3张图片

总结

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

你可能感兴趣的:(笔记,前端,vue.js,前端,javascript)