npm run dev報錯信息及解決方法

更新時間：2023年09月21日 11:23:09 作者：清湯餃子

這篇文章主要為大家介紹了npm run dev報錯信息及解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

1.解決方法

首先，報錯是看這塊

可以發(fā)現(xiàn)是端口號的問題，于是修改端口號，發(fā)現(xiàn)還是報錯，那么還有一個可能，就是Host 文件配置的webpack server的域名配置是不是被注釋掉了，取消注釋重新運行，ok了。

2.解決思路

npm run dev 報錯

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! web@1.0.0 dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

直接復制標紅代碼谷歌查

查到方法是卸載webpack-dev-server再重裝

npm remove webpack-dev-server
npm install webpack-dev-server@2.9.1
npm run dev

還是報錯，于是我把node_modules目錄都刪掉，再重新npm install試試還是報錯。
再試試

npm remove webpack-dev-server
npm install --save-dev webpack-dev-server@2.9.7

又往上看了下報錯，發(fā)現(xiàn)是端口的原因。

額。。。發(fā)現(xiàn)自己把127.0.0.1 test.gamesafe.qq.com host配置注釋掉了，應(yīng)該是這個原因。感謝這篇博客幫我解決問題！知道看報錯信息了。還順帶把host文件改了，然后就改好了

以上就是npm run dev報錯信息及解決方法的詳細內(nèi)容，更多關(guān)于npm run dev報錯解決的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

Vue3+TypeScript+Vite使用require動態(tài)引入圖片等靜態(tài)資源
本文主要介紹了Vue3+TypeScript+Vite使用require動態(tài)引入圖片等靜態(tài)資源，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2022-07-07
vue3不同語法格式對比的實例代碼
vue3發(fā)布已有一段時間了,文檔也大概看了一下,不過對于學一門技術(shù),最好的方法還是實戰(zhàn),這篇文章主要給大家介紹了關(guān)于vue3不同語法格式對比的相關(guān)資料,需要的朋友可以參考下
2021-08-08
Vue的百度地圖插件嘗試使用
本篇文章主要介紹了Vue的百度地圖插件嘗試使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
vue3?process.env.XXX環(huán)境變量不生效的解決方法
這篇文章主要給大家介紹了關(guān)于vue3?process.env.XXX環(huán)境變量不生效的解決方法,通過文中介紹的方法可以很方便的解決遇到的問題,對大家學習或者使用vue3具有一定的參考借鑒價值,需要的朋友可以參考下
2023-08-08
淺談vue-lazyload實現(xiàn)的詳細過程
本篇文章主要介紹了淺談vue-lazyload實現(xiàn)的詳細過程，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
基于Vue3定制復雜組件滾動條的實現(xiàn)
這篇文章主要介紹了如何利用vue3定制復雜組件的滾動條，文中通過示例代碼講解詳細，需要的朋友們下面就跟隨小編來一起學習學習吧
2023-04-04
vue實現(xiàn)簡單轉(zhuǎn)盤抽獎功能
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單轉(zhuǎn)盤抽獎功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
Vue.js 3.x 中的響應(yīng)式數(shù)據(jù)ref 與 reactive詳解
ref 和 reactive 是 Vue.js 3 中用于創(chuàng)建響應(yīng)式數(shù)據(jù)的兩個關(guān)鍵函數(shù),它們分別適用于不同類型的數(shù)據(jù),幫助我們更好地組織和管理組件的狀態(tài),這篇文章主要介紹了Vue.js 3.x 中的響應(yīng)式數(shù)據(jù)：ref 與 reactive,需要的朋友可以參考下
2024-01-01
解讀vue分頁面打包方式
這篇文章主要介紹了解讀vue分頁面打包方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-01-01
使用vue-draggable-plus實現(xiàn)拖拽排序
最近遇到一個需求,在 Vue3 的一個 H5 頁面當中點擊拖拽圖標上下拖動 tab 子項,然后點擊保存可以保存最新的 tab 項順序,同事說可以用 vue-draggable-plus 這個庫來實現(xiàn)拖拽,所以本文給大家介紹了如何使用vue-draggable-plus實現(xiàn)拖拽排序,需要的朋友可以參考下
2024-01-01