Cannot assign to read only property 'exports' of object '#<Object>' ，文件名大小写问题！！！

有些坑不知道怎么就掉进去，可能一辈子都爬不起来！！！

一、错误描述

昨天还好好的，今天早上来从git获取了一下别人提交的代码就出错了！而提交代码的人 运行一点错误都没有！！！

cya@KQ-101 MINGW64 /e/Source/Repos/ProjectManagement/WebUI (master)     //这行是vscode自动显示的。

$  npm run  dev   //（$ 是自动显示的，dev是我取的别名）

1）浏览器报错  

Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
at Module.<anonymous> (BaseClient.js:23)
at Module../node_modules/webpack-dev-server/client/clients/BaseClient.js (BaseClient.js:38)
at __webpack_require__ (bootstrap:767)
at fn (bootstrap:130)
at Module.<anonymous> (SockJSClient.js:73)
at Module../node_modules/webpack-dev-server/client/clients/SockJSClient.js (SockJSClient.js:121)
at __webpack_require__ (bootstrap:767)
at fn (bootstrap:130)
at Object../node_modules/webpack-dev-server/client/socket.js (socket.js:52)
at __webpack_require__ (bootstrap:767)

2）vscode 终端报错：

eslint 报错，例如：

Errors:
13 http://eslint.org/docs/rules/no-redeclare
5 http://eslint.org/docs/rules/no-unused-vars
1 http://eslint.org/docs/rules/no-empty
1 http://eslint.org/docs/rules/no-undef

Module Warning (from ./node_modules/eslint-loader/index.js):

✘ http://eslint.org/docs/rules/no-unused-vars 'width' is assigned a value but never used
src\views\dataResource\dataCatalog\index.vue:314:13
const width = catalogListContainer.offsetWidth

大概就是： 请查Ctrl+左键，去 eslint看各种文档  **已经定义或引用，但是从来没有被使用。

其实根本不是eslint的问题。

3）

二、解决方案： 将大写 WebUI 改为小写webui

然后，就好了！！！

相当于： cya@KQ-101 MINGW64 /e/Source/Repos/ProjectManagement/webui (master)

四、无效的尝试：

1）根据浏览器报错百度得：

https://www.cnblogs.com/qingqingzou-143/p/7028683.html?utm_source=itdadao&utm_medium=referral

文章说：在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports 。

但这显然不符合我的实际，因为我和同事代码完全相同。

2） 删除本地代码，重新重gitee（码云）上获取代码。最后与同事相同的代码；

3）node.js 卸载、重装；最后与同事一个版本；

4） 发现npm文件两个地方都有，一个是node里自带的，node卸载时会删除；另一个在系统盘的npm文件里直接删除了。最后与同事一个版本；

5）eslint 包单独卸载，重装。

6）删除 node_modules 文件，然后执行 npm install ，重新安装所有的包文件。

7）怀疑每次npm install 包里面文件版本不同，百度发现 package-lock.json ，发现该配置文件保证了包版本的一致性。

https://www.cnblogs.com/cangqinglang/p/8336754.html

https://www.cnblogs.com/kugeliu/p/9153775.html

8）继续猜想原因：webpack 问题。

对比浏览器报错代码，发现编译后的内容不同！

错误的：

多出两个文件！

(webpack)

(webpack)-dev-server

正确的是：

联想到：会不会是名称不一致问题？？？

三、总结：

解决方式：完全是瞎尝试。

无法向后端那样调试锁定错误源头，作为渺小后端开发人员感到前端知识缺口太大，感到前端框架、包、项目代码巨大的不可控性。报错，但错误提示语句与错误源头相距十万八千里!!!

根本原因：没找到。为什么昨天文件名大写完全正确，今天却导致错误？

直接原因：昨天还好好的，今天早上来从git获取了一下别人提交的代码就出错了！而且同事也获取了代码，但是一点错误都没有！！！