解決Can't find variable: SockJS vue項目的問題
用的vue-cli(webpack-simple模板)，在開發(fā)環(huán)境運行（npm run dev），一直都沒有問題，突然在ios的safari中調(diào)試，出現(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服務(wù)器之間通信通道。在項目運行以后，network會一直調(diào)用這個接口。如果沒有使用，那么就一直會報這個異常。
解決辦法
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項目的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue項目如何修改title旁邊的icon圖片，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)商城上貨組件簡易版，50行js代碼實現(xiàn)效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了vue全局組件和局部組件的寫法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
vue-cli項目中img如何使用require動態(tài)獲取圖片
這篇文章主要介紹了vue-cli項目中img如何使用require動態(tài)獲取圖片，具有很好的參考價值，希望對大家有所幫助。2022-09-09
這篇文章主要介紹了Vuejs 中使用 markdown的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了Vue-Cli 3.0 中配置高德地圖的兩種方式，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
Vue.js?3.0?為了解決?Object.defineProperty?的這些缺陷，使用?Proxy?API?重寫了響應(yīng)式部分，并獨立維護(hù)和發(fā)布整個?reactivity?庫，這篇文章主要介紹了vue3?響應(yīng)式的實現(xiàn)原理,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了vue 監(jiān)聽變量值的實時變動 watch,使用字符串形式的偵聽器函數(shù),還有一種是使用函數(shù)形式的偵聽器函數(shù),本文通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
本文主要介紹了electron打包vue項目，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了解決vue報錯'超出最大堆棧大小'問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04