建站
咨詢
售后
建站咨詢
新聞中心
在使用Vue CLI 3創(chuàng)建和運(yùn)行項(xiàng)目時(shí)，可能會(huì)遇到各種各樣的報(bào)錯(cuò)問題，這些錯(cuò)誤可能涉及依賴包、配置文件、端口占用、瀏覽器兼容性等多個(gè)方面，以下為一些常見的錯(cuò)誤及其解決方案。
創(chuàng)新互聯(lián)建站專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、張灣網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5響應(yīng)式網(wǎng)站、電子商務(wù)商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為張灣等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
我們來看一個(gè)關(guān)于依賴包的錯(cuò)誤，在啟動(dòng)Vue CLI 3生成的項(xiàng)目時(shí)，會(huì)遇到類似以下的錯(cuò)誤信息：
ERROR Error: Cannot find module 'vueloaderv16/package.json'
這個(gè)錯(cuò)誤表明項(xiàng)目在嘗試訪問vueloaderv16這個(gè)依賴包時(shí)失敗了，解決這個(gè)問題的方法是安裝缺失的依賴包，在命令行中，進(jìn)入到項(xiàng)目目錄，然后執(zhí)行以下命令：
npm install savedev vueloaderv16
安裝完成后，重新運(yùn)行項(xiàng)目，通常這個(gè)錯(cuò)誤就會(huì)消失。
還有可能是以下原因?qū)е马?xiàng)目啟動(dòng)報(bào)錯(cuò)：
1、缺少vuecliservice依賴包：確保在項(xiàng)目中已經(jīng)安裝了vuecliservice，如果沒有，可以通過以下命令安裝：
“`
npm install savedev vuecliservice
“`
2、vue.config.js配置文件錯(cuò)誤：檢查項(xiàng)目的vue.config.js文件是否有語法錯(cuò)誤或配置錯(cuò)誤。
3、端口被占用：確保本地沒有其他程序占用默認(rèn)的8080端口，如果端口被占用，可以通過以下命令指定一個(gè)不同的端口：
“`
vuecliservice serve port 8081
“`
4、清除緩存：如果以上方法都無法解決問題，可以嘗試清除緩存，然后重新運(yùn)行項(xiàng)目：
“`
vuecliservice clean
“`
清除緩存后，重新運(yùn)行：
“`
vuecliservice serve
“`
除了上述錯(cuò)誤，有時(shí)候在特定瀏覽器上運(yùn)行Vue CLI 3項(xiàng)目時(shí)，可能會(huì)遇到與SockJS相關(guān)的報(bào)錯(cuò)。
在火狐瀏覽器、IE瀏覽器和Edge瀏覽器上可能會(huì)出現(xiàn)以下報(bào)錯(cuò)：
火狐瀏覽器報(bào)錯(cuò)：“載入頁面時(shí)與 ws://localhost:8080/sockjsnode/631/u0rsdsy0/websocket 的連接中斷”
IE瀏覽器報(bào)錯(cuò)：“SCRIPT5022: SecurityError sockjs.js (1683,3)”
Edge瀏覽器報(bào)錯(cuò)：“SCRIPT12017: WebSocket Error: SECURITYERR, Cross zone connection not allowed”
針對(duì)這個(gè)問題，可以嘗試以下解決方案：
1、找到項(xiàng)目目錄下的node_modules/sockjsclient/dist/sockjs.js文件。
2、定位到代碼的1605行，將以下代碼注釋掉：
“`
// self.xhr.send(payload); // 把這行注釋掉
“`
3、保存文件并刷新瀏覽器。
需要注意的是，SockJS是一個(gè)JavaScript庫，用于在瀏覽器和web服務(wù)器之間創(chuàng)建低延遲、全雙工的通信通道，在某些情況下，由于瀏覽器的安全策略或兼容性問題，可能導(dǎo)致上述錯(cuò)誤，通過注釋掉相關(guān)代碼，可以解決這類問題。
在遇到Vue CLI 3項(xiàng)目運(yùn)行報(bào)錯(cuò)時(shí)，我們需要根據(jù)錯(cuò)誤信息逐一排查問題，包括檢查依賴包、配置文件、端口占用和瀏覽器兼容性等方面，在解決問題的過程中，可以參考社區(qū)提供的解決方案、官方文檔以及相關(guān)技術(shù)文章，通過不斷積累經(jīng)驗(yàn)，相信您將能夠更加熟練地解決項(xiàng)目運(yùn)行過程中遇到的各種問題。
分享題目：cli3運(yùn)行報(bào)錯(cuò)
網(wǎng)站網(wǎng)址：http://www.dlmjj.cn/article/djegshi.html
