vue-admin-box第一步npm install時報錯

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: init@0.0.0
npm ERR! Found: vite@2.3.7
npm ERR! node_modules/vite
npm ERR!   dev vite@"2.3.7" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer vite@"^2.5.10" from @vitejs/plugin-vue@1.10.2
npm ERR! node_modules/@vitejs/plugin-vue
npm ERR!   dev @vitejs/plugin-vue@"^1.2.2" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

解決方法

終端輸入：

npx -p npm@6 npm i --legacy-peer-deps

目的：使用npx指定npm的版本

然后npm install即可 ，

如果不起作用，可以先刪除node_modules和package-lock.json，再重新嘗試。

vue-admin模板第一次使用存在的坑

我的前端水平不行，只是偶爾才會需要寫個簡單的網(wǎng)頁。

最近有個項目需要用到網(wǎng)頁來做展示，因為公司內部之前是有人寫過基于vue-admin的框架的web，老大就希望我能移植到公司內部使用的框架上。

但是配置vue的時候實在是存在有太多的問題了。

問題以及對應的解決方案

因為這次是在自己家里用windows機來做的，不是用服務器的，因此主要還是windows相關的問題

1.命令行要用管理員模式打開 因為配置的時候，如果npm install后面跟著-g參數(shù)，那么就有可能是寫入c盤中，有可能會出現(xiàn)權限不夠，導致的報錯。

2.要下載cnpm 別問，不知道為啥，使用vue-admin的時候，用npm install總是會卡在某個位置上，實在是沒有辦法

3.啟動的時候還是用npm run dev，啟動的時候就不能使用cnpm run，同疑惑，不知道cnpm和npm的區(qū)別。網(wǎng)上的描述，讓我一直以為是cnpm只是將鏡像設置為了淘寶鏡像的版本?，F(xiàn)在看來其實還有很多區(qū)別的。

4.可能的問題： 將文件夾放到對應盤的根目錄下。（這個我也不確定是否存在這樣的問題，反正我這么干之后是可以跑通的）

流程

安裝nodejs的問題就不用描述啦，這個直接官網(wǎng)下載對應的安裝包就行，一路默認操作就下就可以了。

1.在github上搜索vue-admin。用git下載下來，或者下載成zip之后解壓，這個就看個人了。(最好是放在根目錄下就好了)

2.基礎的配置

# 在淘寶鏡像中下載cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 給npm設置為淘寶鏡像
npm config set registry https://registry.npm.taobao.org
# 查看下配置
npm config get registry

3.如果你是想手動寫vuejs的項目的話(雖然我感覺新手如我這種應該很少有這種需求)

# myapp可以替換成自己的名字
vue init webpack myapp
cd myapp
npm run dev
# 之后根據(jù)輸出提示看看在哪個網(wǎng)址看對應的頁面

4.使用vue-admin模板（這個的命令行最好還是用管理員模式打開）

cd vue-admin-template
# 不加下面這行估計會出問題
cnpm install -g @vue/cli
# 下面這個倒是無所謂npm和cnpm
npm install?
# run的時候還是要用npm的
npm run dev

關聯(lián)報錯

npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and n

這個報錯也有可能是真的需要cnpm install --save -g core-js@^3

不過，我輸入了上面的命令之后，還是有報錯，反而，我輸入了cnpm install -g @vue/cli 就萬事大吉了

vue-cli-service 不是內部或者外部命令 能出現(xiàn)這個報錯，只有在cmd上才出現(xiàn)，在powershell中居然是沒有這個報錯的（只收有別的問題，但是一直是卡住的），這么看來還是要用cmd

這個其實是沒有使用npm install 導致的，不過換成cnpm install 也是可以解決的。 

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論