VUE項(xiàng)目運(yùn)行失敗原因及解決辦法圖解(以vscode為例)
更新時(shí)間：2023年06月23日 10:57:47 作者：S_tar~
記錄一下踩坑,前幾天從同事手上接手了一個(gè)Vue的項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于VUE項(xiàng)目運(yùn)行失敗原因及解決辦法的相關(guān)資料,本文以vscode為例,需要的朋友可以參考下
1.正常運(yùn)行：
Ctl +J打開(kāi)終端，并運(yùn)行如下命令：
npm run serve
正常情況下，就可以得到本地和網(wǎng)絡(luò)鏈接，如下：
點(diǎn)擊鏈接即可進(jìn)入到編輯好的頁(yè)面。
不過(guò)，你也可能遇到如下情況↓↓↓
2.無(wú)法找到package.json
ENOENT: no such file or directory, open 'D:\code\human_resource_management 3\package.json'
這個(gè)錯(cuò)誤表明npm無(wú)法找到指定的package.json文件。可能有以下幾種原因：
- 文件路徑錯(cuò)誤：請(qǐng)檢查路徑是否正確，確保文件存在于指定的路徑中。
- package.json文件被刪除或重命名：請(qǐng)檢查指定的路徑中是否存在名為package.json的文件，如果不存在請(qǐng)創(chuàng)建該文件。
- npm緩存問(wèn)題：有時(shí)候npm會(huì)緩存一些文件，如果緩存中存在錯(cuò)誤的文件，則可能會(huì)導(dǎo)致此問(wèn)題。您可以嘗試清除npm緩存，然后再次運(yùn)行npm install命令，例如：npm cache clean --force。
- 文件權(quán)限問(wèn)題：請(qǐng)確保您有讀取指定文件的權(quán)限。
其中新手最常見(jiàn)的原因估計(jì)是第一種——文件路徑錯(cuò)誤（別問(wèn)我怎么知道的），路徑錯(cuò)誤，解決辦法也很簡(jiǎn)單↓↓↓
cd 你的項(xiàng)目根目錄
我這里根目錄的名字是demo
?cd demo
就可以了
總結(jié)
到此這篇關(guān)于VUE項(xiàng)目運(yùn)行失敗原因及解決辦法的文章就介紹到這了,更多相關(guān)VUE項(xiàng)目運(yùn)行失敗解決內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue.js中的refs屬性是一個(gè)非常有用的特性,它允許我們?cè)诮M件中操作 DOM 元素和組件實(shí)例,本文來(lái)介紹一下Vue寶典之this.$refs屬性的使用,感興趣的可以了解一下2023-12-12
詳解基于vue-cli配置移動(dòng)端自適應(yīng)
本篇文章主要介紹了詳解基于vue-cli配置移動(dòng)端自適應(yīng)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章主要介紹了Vue2響應(yīng)式系統(tǒng)，響應(yīng)式系統(tǒng)主要實(shí)現(xiàn)某個(gè)依賴了數(shù)據(jù)的函數(shù)，當(dāng)所依賴的數(shù)據(jù)改變的時(shí)候，該函數(shù)要重新執(zhí)行，下文更多相關(guān)介紹需要的小伙伴可以參考一下2022-04-04
這篇文章主要介紹了Vue中拆分視圖層代碼的5點(diǎn)建議,下面就如何進(jìn)行腳本代碼拆分提供一些思路，有一些可能是很基本的原則，為盡可能完整就放在一起，你并不需要從最開(kāi)始就采納所有的建議。需要的朋友可以參考下2019-08-08
這篇文章主要介紹了vue 實(shí)現(xiàn)走馬燈效果，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
關(guān)于element-ui中el-form自定義驗(yàn)證(調(diào)用后端接口)
這篇文章主要介紹了關(guān)于element-ui中el-form自定義驗(yàn)證(調(diào)用后端接口)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-07-07
vue2中的keep-alive使用總結(jié)及注意事項(xiàng)
vue2.0提供了一個(gè)keep-alive組件用來(lái)緩存組件,避免多次加載相應(yīng)的組件,減少性能消耗。本文給大家介紹vue2中的keep-alive使用總結(jié)及注意事項(xiàng)，需要的朋友參考下吧2017-12-12
這篇文章主要介紹了通過(guò)圖帶你深入了解vue的響應(yīng)式原理，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，2019-06-06
element-ui中up-load組件實(shí)現(xiàn)圖片上傳回顯
在項(xiàng)目開(kāi)發(fā)的時(shí)候很多人都會(huì)用到圖片上傳,本文主要介紹了element-ui中up-load組件實(shí)現(xiàn)圖片上傳回顯,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
vue項(xiàng)目中icon亂碼的問(wèn)題及解決
這篇文章主要介紹了vue項(xiàng)目中icon亂碼的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12