Vue Uncaught TypeError: cannot assign to read only property

最新推荐文章于 2025-03-07 23:05:31 发布

狮兄

最新推荐文章于 2025-03-07 23:05:31 发布

阅读量4.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.csdn.net/IDOshi201109/article/details/103667343

Vue 专栏收录该内容

4 篇文章

订阅专栏

本文解决了一个Vue项目中webpack-dev-server版本过高导致的TypeError错误，详细描述了从错误发现、分析到最终解决的全过程，包括如何调整package.json中的webpack-dev-server版本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

因为linux服务器上没法进一步跟进（运维通过ssh工具连接的服务器），运维电脑上也没有IDE,索性让运维将对应的前端项目打包，发给了我。
一顿猛操作，错误报错如下：
错误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 的解决方法

讲下对应报错的意思吧，
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 没毛病，解决。