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

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

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

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

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

問題以及對應(yīng)的解決方案

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

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

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

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

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

流程

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

1.在github上搜索vue-admin。用git下載下來，或者下載成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.如果你是想手動寫vuejs的項(xiàng)目的話(雖然我感覺新手如我這種應(yīng)該很少有這種需求)

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

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

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

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

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

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

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

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

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

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

最新評論