报错:
error in ./src/App.vue?vue&type=script&lang=js
Module not found: Error: [CaseSensitivePathsPlugin] `E:\VueProject\myluckmy\src\pages\Login.vue` does not match the corresponding path on disk `login.vue`.
ERROR in ./src/App.vue?vue&type=script&lang=js (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=script&lang=js) 2:0-38
Module not found: Error: [CaseSensitivePathsPlugin] `E:\VueProject\myluckmy\src\pages\Login.vue` does not match the corresponding path on disk `login.vue`.
@ ./src/App.vue?vue&type=script&lang=js 1:0-189 1:0-189 1:190-368 1:190-368
@ ./src/App.vue 2:0-54 3:0-49 3:0-49 8:49-55
@ ./src/main.js 2:0-28 3:10-13
webpack compiled with 1 error
解决办法:
这个错误提示是由于路径大小写不匹配导致的问题。具体来说,错误信息中指出在 App.vue
文件中的脚本部分引用了 Login.vue
组件,但是实际文件系统上的路径是 login.vue
。由于操作系统对路径的大小写敏感,导致找不到对应的文件而报错。
解决方法是保持路径的大小写一致。你需要检查 App.vue
文件中引用 Login.vue
组件的路径是不是使用了正确的大小写。如果文件名是 login.vue
,则需要将引用路径改为 login.vue
;如果文件名是 Login.vue
,则需要将引用路径改为 Login.vue
。
此外,还应该确保文件系统中真实的文件名和引用路径大小写一致,防止因为路径大小写不匹配而发生同样的错误。