在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)。
-
文件夹命名规范如下:
更改后:
运行成功