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