vue components中新建文件夹 These relative modules were not found:

在components中新建文件夹并添加组件之后，报错找不到该组件；

报错信息如下：

These relative modules were not found:

*./components/MidLeft.vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
*./components/Search.vue in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&

---

解决方法：

查阅相关信息后，发现是不符合Vue项目中的文件/文件夹命名规范
命名规范如下：

• 单文件组件的文件名应该要么始终是单词大写开头 (PascalCase)，要么始终是横线连接 (kebab-case)。

• 文件夹命名规范如下：

更改后：

运行成功