解決Can't find variable: SockJS vue項(xiàng)目的問(wèn)題
用的vue-cli(webpack-simple模板)，在開(kāi)發(fā)環(huán)境運(yùn)行（npm run dev），一直都沒(méi)有問(wèn)題，突然在ios的safari中調(diào)試，出現(xiàn)報(bào)錯(cuò)：
Can't find variable: SockJS
這是為什么呢？
原來(lái)這是webpack(我的版本：3.6.0)的報(bào)錯(cuò)，webpack的熱加載是采用websocket來(lái)通知瀏覽器實(shí)現(xiàn)的， SockJS是一個(gè)必須的庫(kù)。
這個(gè)問(wèn)題屬于意外吧，googel的話有很多方式來(lái)解決。最簡(jiǎn)單：
將webpack.config.js中的：
devtool: '#eval-source-map'
改為：
devtool:'inline-source-map'
至于這2個(gè)的差別，自己去百度吧！
補(bǔ)充知識(shí)：解決vue中vue-cli項(xiàng)目報(bào)錯(cuò)sockjs.js報(bào)錯(cuò)
在使用vue-cli腳手架創(chuàng)建項(xiàng)目的時(shí)候，在npm create app命令后，項(xiàng)目創(chuàng)建成功后通過(guò)npm run serve命令運(yùn)行以后，控制臺(tái)報(bào)錯(cuò)，sockjs.js?9be2:1606 GET http://192.168.16.105:8080/sockjs-node/info?t=1574662800493 net::ERR_CONNECTION_TIMED_OUT
錯(cuò)誤分析
sockjs-node是一個(gè)JavaScript庫(kù)，提供跨瀏覽器JavaScript的API，創(chuàng)建了一個(gè)低延遲、全雙工的瀏覽器和web服務(wù)器之間通信通道。在項(xiàng)目運(yùn)行以后，network會(huì)一直調(diào)用這個(gè)接口。如果沒(méi)有使用，那么就一直會(huì)報(bào)這個(gè)異常。
解決辦法
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項(xiàng)目的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
el-date-picker設(shè)置日期默認(rèn)值兩種方法(當(dāng)月月初至月末)
這篇文章主要給大家介紹了關(guān)于el-date-picker設(shè)置日期默認(rèn)值(當(dāng)月月初至月末)的相關(guān)資料,文中通過(guò)代碼示例將解決的辦法介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)簡(jiǎn)易記事本功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要給大家介紹了關(guān)于vue獲取當(dāng)前路由的五種方式,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用vue具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了詳解.vue文件解析的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
Vue 源碼分析之 Observer實(shí)現(xiàn)過(guò)程
這篇文章主要介紹了 Vue 源碼分析之 Observer實(shí)現(xiàn)過(guò)程，Observer 最主要的作用就是實(shí)現(xiàn)了touch -Data(getter) - Collect as Dependency這段過(guò)程，也就是依賴收集的過(guò)程，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-03-03
vue點(diǎn)擊按鈕跳轉(zhuǎn)到另一個(gè)vue頁(yè)面實(shí)現(xiàn)方法
這篇文章主要給大家介紹了關(guān)于vue點(diǎn)擊按鈕跳轉(zhuǎn)到另一個(gè)vue頁(yè)面的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-08-08
Vue Object.defineProperty及ProxyVue實(shí)現(xiàn)雙向數(shù)據(jù)綁定
這篇文章主要介紹了Vue Object.defineProperty及ProxyVue實(shí)現(xiàn)雙向數(shù)據(jù)綁定,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-09-09
vue打開(kāi)其他項(xiàng)目頁(yè)面并傳入數(shù)據(jù)詳解
這篇文章主要給大家介紹了關(guān)于vue打開(kāi)其他項(xiàng)目頁(yè)面并傳入數(shù)據(jù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
vue2?自定義?el-radio-button?的樣式并設(shè)置默認(rèn)值的方法
這篇文章主要介紹了vue2?自定義?el-radio-button?的樣式并設(shè)置默認(rèn)值的操作方法，代碼分為html部分和css修改樣式代碼，代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-10-10
Vue3中結(jié)合ElementPlus實(shí)現(xiàn)彈窗的封裝方式
這篇文章主要介紹了Vue3中結(jié)合ElementPlus實(shí)現(xiàn)彈窗的封裝方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01