vue-element-admin安裝報錯問題


首先安裝項目(來自官方文檔)

# 克隆項目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 進入項目目錄
cd vue-element-admin

# 安裝依賴
npm install

# 建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

# 本地開發 啟動項目
npm run dev

然后在npm install這一步卡住了,發現了非常多的問題

1. 報錯幾十行完全看不懂

自習看前兩行,發現項目要安裝git、nodejs、python(git和nodejs都有學習筆記多復習)

全部安裝好之后運行,發現依然報錯

打開cmd輸入note發現提示找不到這個命令(猜測可能是環境變量的問題),但這里我選擇卸載然后回退舊版本node14

2. 報錯少了很多

再次運行npm install 發現報錯少了很多,查看錯誤報告發現是依賴tui-editor安裝不成功引起的。於是查看了github項目的解答區發現了解決辦法 [點這里跳轉](安裝依賴時錯誤:fatal: 存儲庫 'https://github.com/nhn/raphael.git/' 未找到 ·問題 #3491 ·潘嘉辰/vue-element-admin)

vue-element-admin\package.json 刪除 "tui-editor": "1.3.3",
vue-element-admin\src\components 刪除 MarkdownEditor 文件夾
vue-element-admin\src\views\components-demo 刪除 markdown.vue 文件
vue-element-admin\src\router\modules components.js 刪除 {path: 'markdown',...}

# npm cache clean --force
# npm install cnpm
# npm install core-js@3 --save
# cnpm install cross-env
# 以上四個可以忽略

cnpm install
npm run dev

然后再運行就發現可以了

3. 網頁界面為英文

master默認為英文,查看文檔發現國際化項目在 i18n分支中,所以我們需要切換到該分支,通過以下代碼實現

git pull

git checkout i18n 

npm install --registry=https://registry.npm.taobao.org

npm run dev

大功告成啦!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM