VUE3 Module not found: Error: Can't resolve './component/Child' in 'xxxx'

问题描述

vue3 父组件import 导入 子组件 child， 路径 ./component/Child 是VSCODE 智能推荐出来的， 我可以确定是不会出问题的，可是却一直报错Module not found: Error: Can't resolve './component/Child' in 'D:\vue-next-webpack-preview'

解决过程

原本刚开始以为是路径写法有问题，就一番百度的去折腾这个路径去了，无果，我就不经意间将'./component/Child'改成了'./component/Child.vue' ,结果编译通过，终于找到原因！但我知道这里是可以支持扩展名省略的写法的。配置方法如下：

1. 在webpack.config.js 里的resolve 下面配置 支持文件类型的省略的扩展名

 resolve: {
     extensions: ['.js', '.vue', '.json'],
    
  },

最终问题解决，并做记录！