開啟Vue項(xiàng)目缺少node_models包的問題及解決
更新時間：2022年09月21日 16:02:19 作者：加貝力口貝
這篇文章主要介紹了開啟Vue項(xiàng)目缺少node_models包的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
開啟Vue項(xiàng)目缺少node_models包
運(yùn)用Vue ui時出現(xiàn)的一些問題
1. 當(dāng)我們通過Vue ui 導(dǎo)入新的vue項(xiàng)目時顯示缺少node_models包問題
此文件夾缺少 ‘node_modules’。請安裝依賴后再嘗試導(dǎo)入。
錯誤頁面如圖：
問題原因
錯誤原因是沒有安裝該項(xiàng)目所需要的依賴項(xiàng)（代碼入庫時是不需要保留依賴項(xiàng)的，因?yàn)橐蕾図?xiàng)只在項(xiàng)目編譯打包或項(xiàng)目運(yùn)行時使用。所以從git倉庫或svn倉庫拉下來的代碼需要先安裝依賴），執(zhí)行命令安裝后即可正常導(dǎo)入。
解決辦法一：
重新安裝node_models
- 1.進(jìn)入到項(xiàng)目的根目錄
- 2.打開cmd命令窗口
- 3.執(zhí)行安裝命令
cd my-project # 進(jìn)入到項(xiàng)目目錄 npm install # 普通安裝 npm install --registry https://registry.npm.taobao.org #換源安裝速度會比較快
這步很關(guān)鍵最好換源安裝否則項(xiàng)目可能依舊不能啟動
npm run dev# 項(xiàng)目啟動成功
改方法的弊端每次新開啟一個項(xiàng)目都需要重新安裝node_models包很麻煩
vue項(xiàng)目依賴node_modules裝不上去
從代碼庫里拉取代碼，安裝依賴特別卡，等待許久之后報了一大堆錯，項(xiàng)目也啟動不起來。后來在大佬的幫助下解決了，
可以試試先運(yùn)行
npm install -g mirror-config-china
npm快速換源
npm install -g mirror-config-china
然后再重新 npm i 即可
npm i
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
文章介紹了如何在Vue中通過Click方法獲取原事件的參數(shù),包括默認(rèn)參數(shù)、自定義參數(shù)以及如何同時獲取原生事件和自定義參數(shù)的方法2024-12-12
詳解Vue如何進(jìn)行表單聯(lián)動與級聯(lián)選擇
表單聯(lián)動和級聯(lián)選擇是Vue.js中常見的功能，在下面的文章中，我們將討論如何在Vue.js中實(shí)現(xiàn)表單聯(lián)動和級聯(lián)選擇，感興趣的小伙伴可以了解一下2023-06-06
vue雙向數(shù)據(jù)綁定指令v-model的用法
這篇文章主要介紹了vue雙向數(shù)據(jù)綁定指令v-model的用法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要給大家介紹了關(guān)于vue中正確使用jsx的相關(guān)資料,JSX就是Javascript和XML結(jié)合的一種格式,React發(fā)明了JSX,利用HTML語法來創(chuàng)建虛擬DOM,當(dāng)遇到<,JSX就當(dāng)HTML解析,遇到{就當(dāng)JavaScript解析,需要的朋友可以參考下2021-07-07
vue如何自動化打包測試環(huán)境和正式環(huán)境的dist/test文件
這篇文章主要介紹了vue如何自動化打包測試環(huán)境和正式環(huán)境的dist/test文件,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了如何測量vue應(yīng)用運(yùn)行時的性能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，,需要的朋友可以參考下2019-06-06
Avue自定義formslot調(diào)用rules自定義規(guī)則方式
在Avue框架中,使用formslot自定義表格列時可能會遇到無法調(diào)用Avue的自定義校驗(yàn)規(guī)則的問題,這通常發(fā)生在嘗試通過formslot自定義設(shè)置列的場景中,解決這一問題的一個有效方法是將自定義列與Avue的校驗(yàn)規(guī)則通過特定方式連接起來2024-10-10
這篇文章主要介紹了Vue函數(shù)式組件及vue函數(shù)式組件的優(yōu)缺點(diǎn)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
在Nginx上部署前端Vue項(xiàng)目的詳細(xì)步驟(超級簡單!)
這篇文章主要介紹了在Nginx上部署前端Vue項(xiàng)目的詳細(xì)步驟,Nginx是一款高效的HTTP和反向代理Web服務(wù)器,作為開源軟件,Nginx以其高性能、可擴(kuò)展性和靈活性廣泛應(yīng)用于Web架構(gòu)中,文中將步驟介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
這篇文章主要給大家介紹了關(guān)于在Vue中使用Echarts可視化庫的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11