?
在使用Vue CLI 3創(chuàng )建和運行項目時(shí),行報可能會(huì )遇到( ?ω?)各種各樣的行報報錯問(wèn)題,這些錯誤可能涉及依賴(lài)包、行報配置文件、行報端口占用、行報瀏覽器兼容性等多個(gè)方面,行報以下為一些常見(jiàn)的行報錯誤及其解決方案。
(圖片來(lái)源網(wǎng)絡(luò ),行報侵刪)ERRO??R Error: Cannot find? module 'vueloaderv16/package.json'
這個(gè)錯誤表明項目在嘗試訪(fǎng)問(wèn)vueloaderv16這個(gè)依賴(lài)包時(shí)失敗了,解決這個(gè)問(wèn)題的行報方法是安裝缺失的依賴(lài)包,在命令行中,行報進(jìn)入到項目目錄,行報然后執行以下命令:
npm install savedev vu?eloaderv16
安裝完成后,行報重新運行項目,通常這個(gè)(ge)錯誤就會(huì )消失。
還有可能是以下原因導致項目啟動(dòng)報錯:
1、缺少vuecliservice依賴(lài)包:確保在項目中已經(jīng)安裝了vuecliser??vice,如果沒(méi)有,可以通過(guò)以下命令安裝:
“`
npm install save┐(′д`)┌dev vuecliservice
“`
2、vue.config.js配置文件錯誤:檢查項目的vue.config.js文件是否有語(yǔ)法(fa)錯誤或配置錯誤。
3、端口被占用:確保本地沒(méi)有其他程序占用(╯°□°)╯默認的8080端口,如果端口被占用,可以通過(guò)以下命令指定一個(gè)不同的端口:
R???20;`
vuecliservice serve port 8081
“`
4、清除緩存:如果以上方法都無(wú)法解決問(wèn)題,可以嘗試清除緩存,然后重新運行項目:
“???;`
vuecliservice clean
“`
清除緩存后,重新運行:
vuecl( ?ヮ?)iservice serve
“`
除了上述錯誤,有時(shí)候在特定瀏覽器上(′?`*)運行Vue CLI 3項目時(shí),可能會(huì )遇到與SockJ???S相關(guān)的報錯。
火狐瀏覽器報錯:“載入頁(yè)面時(shí)與 ws://localhost:8080/sockjsn(?????)ode/631/u0rsdsy0/websocket 的連接中斷”
IE瀏覽器報錯:“SCRIPT5022: SecurityEr┐(′ー`)┌ror sockjs.js (1683,3)”
Edge瀏覽器報錯:“SCRIPT12017: WebSoc??ket Error: SECURITYERR, Cro( ???)ss zone connection not allowed”
針對這個(gè)問(wèn)題,可以嘗試以下解決方案:
1、找到項目目錄下的node_modules/sockjsclient/dist/sockjs.js文(wen)件。
2、定位到代碼的1605行,將以下代碼注釋掉:
“`
// self.xhr.send(payload); //(′?`*) 把這行注釋掉(′?`*)
“`
3、保存文件并刷新瀏覽器。
需要注意的是,SockJS是一個(gè)JavaScript庫,用于在瀏覽(T_T)器和web服務(wù)器之間創(chuàng )建低延遲、全雙工的通信通道,在某些情況下,由于瀏覽器的安全策略或兼容性問(wèn)題,可能導致上述錯誤,通過(guò)注釋掉相關(guān)代碼,可以解決這類(lèi)問(wèn)題。