ElementUI问题记录1:This relative module was not found

1,104 阅读1分钟

1. 问题描述

在通过Vue+element开发新的页面时,惯用Ctrl+C/V方式快速生成组件,但是在修改路由结束后,运行npm run dev,有时会出现醒目的:This relative module was not found, balabala......

错误信息如图所示: image.png

其实通过读取错误信息可发现端倪,问题出现在 “materialManager/editProgress.vue” 和 “/editProgress.vue”

2. 解决方案

遇到此类问题时,通常的解决顺序:

1. 检查文件名称

检查问题组件“materialManager”,查看import和export下的文件名称是否有误。 image.png

2. 检查文件路径

检查问题组件“materialManager”,发现import下缺少组件:'editProgress.vue'。 此刻真相大白,在当前目录下,新增'editProgress.vue'即可解决此问题。

image.png

image.png

3. 总结

偷懒方式(Ctrl+C/V)在创建组件时,除了要保证路由配置正确,还要确保新增组件的import部分,导入的组件要切实存在,不需要的组件可以注释或者删除,否则在通过npm运行时会出现‘This relative module was not found’。