Vue Uncaught TypeError: cannot assign to read only property
Uncaught TypeError: /cannot assign to read only property ‘exports’ of object '#'前言公司运维小伙伴,拉了个开源的运营工具,前端代码是Vue的工程,项目npm install(cnpm install )、npm run dev 后,页面浏览器打开,报错。错误截图如下(浏览器 F12 调试):因为linux服务...
Uncaught TypeError: /cannot assign to read only property ‘exports’ of object '#'
前言
公司运维小伙伴,拉了个开源的xops运营工具,前端代码是Vue的工程,项目npm install(cnpm install )、npm run dev 后,页面浏览器打开,报错。
错误截图如下(浏览器 F12 调试):
因为linux服务器上没法进一步跟进(运维通过ssh工具连接的服务器),运维电脑上也没有IDE,索性让运维将对应的前端项目打包,发给了我。
一顿猛操作,错误报错如下:
如图看了下错误提示:
(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 没毛病,解决。
更多推荐
所有评论(0)