Vue Uncaught TypeError: cannot assign to read only property

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 沒毛病,解決。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章