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 没毛病,解决。

Logo

前往低代码交流专区

更多推荐