Vue/Vuex项目导入Popup.vue组件报Module not found错误如何解决

问题根因 #

你导入组件时错误使用了.vuex作为文件后缀，你项目里的Popup组件实际文件名是Popup.vue，后缀不匹配导致编译时无法找到对应文件。

修复方案 #

修改Tienda2.vue的script区块中的导入语句，将错误的.vuex后缀替换为正确的.vue后缀即可，以下两种写法都可正常运行：

写法1：使用@别名路径 #

import Popup from '@/components/Popup.vue'

写法2：使用相对路径 #

import Popup from '../components/Popup.vue'

拓展说明：Vue项目的打包工具默认支持省略.vue后缀识别单文件组件，你也可以简化写为import Popup from '@/components/Popup'
补充注意：.vuex一般是Vuex状态管理模块的自定义后缀，不要和Vue单文件组件的.vue后缀混淆。

内容的提问来源于stack exchange，提问作者Inca