Vue模块导入报错：Module not found: Error:[CaseSensitivePathsPlugin]

原创已于 2023-02-20 16:01:56 修改 · 8.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

于 2023-02-20 16:01:28 首次发布

文章讲述了在使用Vue开发过程中遇到的组件导入错误，问题出在模块路径的大小写不一致。解决方案是确保导入路径与组件文件名的大小写完全匹配，因为CaseSensitivePathsPlugin对大小写是敏感的。

vue组件导入报错：Module not found: Error:CaseSensitivePathsPlugin]

检查了下，发现自己在模块导入的时候没有和组件文件名大小写完全一致造成的。

解决办法：改为一致即可，即必须和文件名一毛一样，大小写敏感

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Light_10

关注关注

5
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue3 - Vite解决报错ReferenceError: module is not defined in ES module scope（vue3+vite项目编译运行或打包报错，详细排查解决）

🏆 前端领域优质创作者

09-19

4420

Vite报错ReferenceError: module is not defined in ES module scope，vue3报错ReferenceError: module is not defined in ES module scope，vue3项目报错module is not defined in ES module scope，vite如何解决报错，vue3+vite运行报错，如何解决这个问题，项目启动报错，vue3项目报错，postcss.config.js，yarn dev启动报错R

解决 vue install 引发的 failed Error: not found: python2 问题

04-19

1514

从错误信息里看是 python 环境有问题，网上百度了一下都是重新安装配置 python2的环境或更换npm源，实际环境未进行变更，因而可以排除环境问题。后来搜索到 node-sass 安装后，会自动执行 node-sass/scripts 下的 build.js，导致运行错误。执行如下命令，重新编译构建一下 node-sass 即可。4、若在 run dev 的时候，出现如下所示的错误。3、进行 install 时不执行忽略构建脚本。1、不重新安装配置 python 2。2、不更新 npm 安装源。

参与评论您还未登录，请先登录后发表或查看评论

webpack认知与项目实践

望京十三兄的博客

10-21

2397

webpack是一个前端模块化打包解决方案,又是一个可以融合运用各种前端新技术的平台，可以将零散的JS代码打包到一个JS文件中

case-sensitive-paths-webpack-plugin 使用指南

gitblog_00712的博客

08-22

1165

case-sensitive-paths-webpack-plugin 使用指南项目介绍 case-sensitive-paths-webpack-plugin 是一个专为 Webpack 设计的插件，它强制在开发过程中路径匹配时区分大小写。这个工具对于那些需要在不区分大小写的文件系统（如 Windows）上模拟区分大小写的 Unix 环境来说尤为重要，以确保跨平台的一致性和避免潜在的部署问题...

case-sensitive-paths-webpack-plugin:强制Webpack要求区分大小写的路径

05-09

区分大小写的路径-Webpack插件该Webpack插件将强制所有必需模块的整个路径与磁盘上实际路径的确切情况相匹配。使用此插件有助于缓解OSX上的开发人员不遵循严格的路径区分大小写的情况，这些情况将导致与其他开发人员或运行其他操作系统（需要正确使用大小写正确的路径）的构建盒发生冲突。基于相同想法的为该插件提供了基础，但不幸的是，没有正确检查整个路径上的大小写。该插件可以解决该问题。输出示例：找不到./src/containers/SearchProducts.js模块中的错误：错误：[CaseSensitivePathsPlugin] /Users/example/yourproject/src/components/searchProducts/searchproducts.js与磁盘/Users/example/yourproject/src/components/

Module not found: Error: [CaseSensitivePathsPlugin]

小蚂蚁的博客

12-05

1861

即此处的vue应该写小写。此时webstorm虽然意识到错误了，但是提示的也并不正确。根据报错的内容，只能看到是router.js文件报错，并不能看懂具体原因，最后找到网上有看到类似错误的，都是大小写搞错了，所以，试了一下，果然对了。

(vue)组件导入报错：Module not found: Error:CaseSensitivePathsPlugin]

nyf_unknow的博客

06-06

1万+

(vue)组件导入报错：Module not found: Error:CaseSensitivePathsPlugin]

Vue:运行项目时报错：Module not found: Error: Can't resolve 'sass-loader' in

weixin_44040486的博客

11-12

6009

报错内容：原因：不能解析sass-loader 解决：在项目中引入 ↓ npm install sass-loader -D npm install node-sass -D tips：使用淘宝镜像会更快 cnpm install sass-loader -D cnpm install node-sass -D 引入完成后，即可成功运行项目。 ...

解决typescrip使用xml2js库报错:Module not found: Error: Can‘t resolve ‘timer‘ in ‘‘

m0_52364694的博客

11-20

2008

typescript中引入js库

npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in

01-07

Alternatively, run 'webpack(-cli) --help' for ...ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\HBuilder\Vue\day07\test1' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! test

使用unplugin-vue-component的Vue项目，组件引入报错：Module not found: Error: [CaseSensitivePathsPlugin] xxx的解决方案

u011746482的专栏

02-21

5362

解决报错：Module not found: Error: [CaseSensitivePathsPlugin] `/Users/xxx/src/components/ListItem/richList.vue` does not match the corresponding path on disk `RichList.vue`.

ERROR in ./src/.umi/core/routes.ts 402:19-404:109Module not found: Error: [CaseSensitivePathsPlugin

u010234868的专栏

08-25

4462

原因：routes.ts中路由的配置component中路径为interUser，首字母是小写，而实际的文件名首字母为大写的InterUser，将两者修改为一致即可正常启动项目。问题定位：routes.ts中，......不匹配磁盘上的相应路径`InterUser`；...

Vue报错Module not found: Error: [CaseSensitivePathsPlugin] `F:\vue\myvue\src\components\Tv.vue` does n

qq_50355119的博客

07-24

1387

主要是项目名和路由调用不同名导致的。

探索`case-sensitive-paths-webpack-plugin`：提升前端构建效率的新工具

gitblog_00059的博客

04-19

1113

探索case-sensitive-paths-webpack-plugin：提升前端构建效率的新工具在前端开发领域，Webpack 已经成为模块打包的主流工具，但随着项目的复杂度增加，一些隐藏的问题也逐渐暴露，比如路径大小写的处理问题。就是为了解决这个问题而诞生的一个插件，它可以帮助开发者确保在Unix和Windows系统之间的一致性。项目简介 case-sensitive-paths-web...

case-sensitive-paths-webpack-plugin使用指南

热门推荐

weixin_56035334的博客

06-14

2万+

配置尚硅谷的尚品汇环境时，报如下错误：Compiled with problems:X ERROR in ./src/router/index.js 2:0-23 Module not found: Error: Can't resolve 'vue ' in 'D:\F\XX\project-SPH\app\src\router' ERROR in ./src/router/index.js 3:0-36 Module not found: Error: Can't resolve 'vue-

打开vue报错Module not found: Error: Can't resolve

07-25

'element-plus/es/components/button/style/css'是什么原因导致的？如何解决这个问题？回答: 这个错误通常是由于缺少sass-loader包导致的。要解决这个问题，可以尝试以下几种方法：\[2\] 1. 确认项目中是否已安装sass-loader包。可以在项目根目录下运行以下命令进行确认：npm ls sass-loader。如果没有安装，可以通过运行npm install sass-loader -D来安装。 2. 确认项目中是否已安装node-sass包。sass-loader是依赖于node-sass包的，如果没有安装node-sass包，也会导致无法找到sass-loader包。可以在项目根目录下运行以下命令进行确认：npm ls node-sass。如果没有安装，可以通过运行npm install node-sass -D来安装。 3. 如果以上方法都没有解决问题，可以尝试更新element-plus包到最新版本，或者查看element-plus的文档，了解是否有其他解决方案可供参考。 #### 引用[.reference_title] - *1* [vue3按需导入element-plus报错Module not found: Error: Can‘t resolve ‘element-plus/es/components/...](https://blog.csdn.net/m0_37922443/article/details/130706605)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [VUE前端启动报错Module not found: Error: Can‘t resolve ‘sass-loader](https://blog.csdn.net/qq_45893748/article/details/131067248)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]