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