Vue Uncaught TypeError: cannot assign to read only property

旧城等待， 2023-06-24 13:27 5阅读 0赞

**Uncaught TypeError: /cannot assign to read only property ‘exports’ of object '\#'**

前言  
公司运维小伙伴，拉了个开源的xops运营工具，前端代码是Vue的工程，项目npm install(cnpm install )、npm run dev 后，页面浏览器打开，报错。  
错误截图如下（浏览器 F12 调试）：  
![错误][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lET3NoaTIwMTEwOQ_size_16_color_FFFFFF_t_70]

因为linux服务器上没法进一步跟进（运维通过ssh工具连接的服务器），运维电脑上也没有IDE,索性让运维将对应的前端项目打包，发给了我。  
一顿猛操作，错误报错如下：  
![错误Mac][Mac]

如图看了下错误提示：  
（PS:我的Mac系统，这工程提示 linux环境）

Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 11.x
    
    Found bindings for the following environments:
      - Linux 64-bit with Node.js 9.x

继而回到第一个错误截图：  
有问题找度娘，

于是参考了文章

[Vue报错：Uncaught TypeError: Cannot assign to read only property ‘exports’ of object 的解决方法][Vue_Uncaught TypeError_ Cannot assign to read only property _exports_ of object]

讲下对应报错的意思吧，  
`webpack-dev-server` 版本的问题。

然后就懂了，`webpack-dev-server`版本可能太高导致的问题。

然后又是一顿猛操作，  
回到运维小伙伴那边，  
1、用vim 打开了package.json文件，指令： `/webpack-dev-server` 按**小写n**,查找定位到对应的 版本一行，将  
\*\*“devDependencies”: \{\*\*下的

"webpack-dev-server": ">= 3.1.11",

修改为

"webpack-dev-server": "3.1.5",

2、然后保存（vim 先按ESC,然后 :wq ，保存退出）  
3、然后 cnpm install  
4、然后 npm run dev 没毛病，解决。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lET3NoaTIwMTEwOQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/2019122315455192.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lET3NoaTIwMTEwOQ==,size_16,color_FFFFFF,t_70
[Mac]: https://img-blog.csdnimg.cn/20191223154744175.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lET3NoaTIwMTEwOQ==,size_16,color_FFFFFF,t_70
[Vue_Uncaught TypeError_ Cannot assign to read only property _exports_ of object]: https://blog.csdn.net/u014689760/article/details/93140230