解決Can't find variable: SockJS vue項目的問題
用的vue-cli(webpack-simple模板),在開發(fā)環(huán)境運行(npm run dev),一直都沒有問題,突然在ios的safari中調試,出現(xiàn)報錯:
Can't find variable: SockJS
這是為什么呢?
原來這是webpack(我的版本:3.6.0)的報錯,webpack的熱加載是采用websocket來通知瀏覽器實現(xiàn)的, SockJS是一個必須的庫。
這個問題屬于意外吧,googel的話有很多方式來解決。最簡單:
將webpack.config.js中的:
devtool: '#eval-source-map'
改為:
devtool:'inline-source-map'
至于這2個的差別,自己去百度吧!
補充知識:解決vue中vue-cli項目報錯sockjs.js報錯
在使用vue-cli腳手架創(chuàng)建項目的時候,在npm create app命令后,項目創(chuàng)建成功后通過npm run serve命令運行以后,控制臺報錯,sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT
錯誤分析
sockjs-node是一個JavaScript庫,提供跨瀏覽器JavaScript的API,創(chuàng)建了一個低延遲、全雙工的瀏覽器和web服務器之間通信通道。在項目運行以后,network會一直調用這個接口。如果沒有使用,那么就一直會報這個異常。
解決辦法
1.找到/node_modules/sockjs-client/dist/sockjs.js
2.在1605行,注釋掉self.xhr.send(payload);這一行,然后就可以解決了
try {
// self.xhr.send(payload);
} catch (e) {
self.emit(‘finish', 0, ‘');
self._cleanup(false);
}
以上這篇解決Can't find variable: SockJS vue項目的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
el-date-picker設置日期默認值兩種方法(當月月初至月末)
這篇文章主要給大家介紹了關于el-date-picker設置日期默認值(當月月初至月末)的相關資料,文中通過代碼示例將解決的辦法介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-08-08
Vue Object.defineProperty及ProxyVue實現(xiàn)雙向數(shù)據(jù)綁定
這篇文章主要介紹了Vue Object.defineProperty及ProxyVue實現(xiàn)雙向數(shù)據(jù)綁定,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
vue2?自定義?el-radio-button?的樣式并設置默認值的方法
這篇文章主要介紹了vue2?自定義?el-radio-button?的樣式并設置默認值的操作方法,代碼分為html部分和css修改樣式代碼,代碼簡單易懂,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-10-10
Vue3中結合ElementPlus實現(xiàn)彈窗的封裝方式
這篇文章主要介紹了Vue3中結合ElementPlus實現(xiàn)彈窗的封裝方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01

