vue-admin-box第一步npm install時(shí)報(bào)錯(cuò)

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模板第一次使用存在的坑

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

最近有個(gè)項(xiàng)目需要用到網(wǎng)頁(yè)來(lái)做展示，因?yàn)楣緝?nèi)部之前是有人寫過(guò)基于vue-admin的框架的web，老大就希望我能移植到公司內(nèi)部使用的框架上。

但是配置vue的時(shí)候?qū)嵲谑谴嬖谟刑嗟膯?wèn)題了。

問(wèn)題以及對(duì)應(yīng)的解決方案

因?yàn)檫@次是在自己家里用windows機(jī)來(lái)做的，不是用服務(wù)器的，因此主要還是windows相關(guān)的問(wèn)題

1.命令行要用管理員模式打開 因?yàn)榕渲玫臅r(shí)候，如果npm install后面跟著-g參數(shù)，那么就有可能是寫入c盤中，有可能會(huì)出現(xiàn)權(quán)限不夠，導(dǎo)致的報(bào)錯(cuò)。

2.要下載cnpm 別問(wèn)，不知道為啥，使用vue-admin的時(shí)候，用npm install總是會(huì)卡在某個(gè)位置上，實(shí)在是沒(méi)有辦法

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

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

流程

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

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

2.基礎(chǔ)的配置

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

3.如果你是想手動(dòng)寫vuejs的項(xiàng)目的話(雖然我感覺(jué)新手如我這種應(yīng)該很少有這種需求)

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

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

cd vue-admin-template
# 不加下面這行估計(jì)會(huì)出問(wèn)題
cnpm install -g @vue/cli
# 下面這個(gè)倒是無(wú)所謂npm和cnpm
npm install?
# run的時(shí)候還是要用npm的
npm run dev

關(guān)聯(lián)報(bào)錯(cuò)

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

這個(gè)報(bào)錯(cuò)也有可能是真的需要cnpm install --save -g core-js@^3

不過(guò)，我輸入了上面的命令之后，還是有報(bào)錯(cuò)，反而，我輸入了cnpm install -g @vue/cli 就萬(wàn)事大吉了

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

這個(gè)其實(shí)是沒(méi)有使用npm install 導(dǎo)致的，不過(guò)換成cnpm install 也是可以解決的。 

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

最新評(píng)論