1. 问题描述
在通过Vue+element开发新的页面时,惯用Ctrl+C/V方式快速生成组件,但是在修改路由结束后,运行npm run dev,有时会出现醒目的:This relative module was not found, balabala......
错误信息如图所示:
其实通过读取错误信息可发现端倪,问题出现在 “materialManager/editProgress.vue” 和 “/editProgress.vue”
2. 解决方案
遇到此类问题时,通常的解决顺序:
1. 检查文件名称
检查问题组件“materialManager”,查看import和export下的文件名称是否有误。
2. 检查文件路径
检查问题组件“materialManager”,发现import下缺少组件:'editProgress.vue'。 此刻真相大白,在当前目录下,新增'editProgress.vue'即可解决此问题。
3. 总结
偷懒方式(Ctrl+C/V)在创建组件时,除了要保证路由配置正确,还要确保新增组件的import部分,导入的组件要切实存在,不需要的组件可以注释或者删除,否则在通过npm运行时会出现‘This relative module was not found’。