昨天一趟就配好了vue,該配的都配好了,今天早上一打開就不對勁了,一步一步改錯終于改完了,感覺真是把能踩的坑都給踩了,下面我以我改錯的過程為序總結一下npm常見的錯誤。一,昨天是用cmder.zip解壓后...
昨天一趟就配好了vue,該配的都配好了,今天早上一打開就不對勁了,一步一步改錯終于改完了,感覺真是把能踩的坑都給踩了,下面我以我改錯的過程為序總結一下npm常見的錯誤。
一,昨天是用cmder.zip解壓后配的,但今天感覺這個東西并沒有那么好用,要在settings里面配好多東西煩的很,還不如直接用win+R產生的cmd命令窗口中配置。
C:\Users\Administrator>D:D:\>cd workD:\work>
1.不知道咋回事,今天創建新項目,老出現npm error的錯,無奈之下我把D盤的toolkit目錄和work目錄全部清空,把C:\Users\Administrator下的.config,.npminstall_tarball,.vue-templates清空,把AppData下的和npm有關的所有文件都給刪掉,然后在D盤下重新創建toolkit文件夾和work文件夾,然后將下載好的node-v10.14.2-win-x64.zip重新解壓到work文件夾下。即重新安裝node。
2.打開cmd,安裝cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
此命令是安裝淘寶鏡像,由于npm中的許多包都是在國外,安裝起來特別慢,為了能夠加快安裝速度,所以需要利用國內的像服務器。地址為 https://npm.taobao.org 。然后后面的命令我們可以用cnpm 來替代 npm 。
npm install -g cnpm --registry=https://registry.npm.taobao.org
X:\workλ npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0C:\toolkit\node-v10.14.1-win-x64\cnpm -> C:\toolkit\node-v10.14.1-win-x64\node_modules\cnpm\bin\cnpm+ cnpm@6.0.0added 635 packages from 845 contributors in 63.012s
3.安裝webpack :
cnpm install -g webpack
-g表示全局安裝
4.安裝vue-cli :
cnpm install --global vue-cli
這樣安裝之后,如果目前安裝正確的話就好,如果報chromedrive沒有安裝的錯那就說明用這個命令來安裝chromedriver(即vue-cli)是不對的,此時我們輸入以下命令:
cnpm install chromedriver -g
然后出現這個:
D:\workλ cnpm install chromedriver -gDownloading chromedriver to C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriver_tmpCopying C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriver_tmp\_chromedriver@2.44.1@chromedriver to C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriverInstalling chromedriver's dependencies to C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriver/node_modules[1/5] mkdirp@^0.5.1 installed at node_modules\_mkdirp@0.5.1@mkdirp[2/5] tcp-port-used@^1.0.1 installed at node_modules\_tcp-port-used@1.0.1@tcp-port-used[3/5] extract-zip@^1.6.7 installed at node_modules\_extract-zip@1.6.7@extract-zip[4/5] del@^3.0.0 installed at node_modules\_del@3.0.0@del[5/5] request@^2.88.0 installed at node_modules\_request@2.88.0@requestexecute post install 1 scripts...[1/1] scripts.install chromedriver@2.44.1 run "node install.js"Current existing ChromeDriver binary is unavailable, proceding with download and extraction.Downloading from file: https://cdn.npm.taobao.org/dist/chromedriver/2.44/chromedriver_win32.zipSaving to file: C:\Users\ADMINI~1\AppData\Local\Temp\chromedriver\chromedriver_win32.zipReceived 782K...Received 1563K...Received 2345K...Received 3127K...Received 3909K...Received 4467K total.Extracting zip contentsCopying to target path C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriver\lib\chromedriverDone. ChromeDriver binary available at C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriver\lib\chromedriver\chromedriver.exe[1/1] scripts.install chromedriver@2.44.1 finished in 2sAll packages installed (98 packages installed from npm registry, used 6s(network 4s), speed 409.05kB/s, json 93(155.72kB), tarball 1.27MB)[chromedriver@2.44.1] link C:\toolkit\node-v10.14.1-win-x64\chromedriver@ -> C:\toolkit\node-v10.14.1-win-x64\node_modules\chromedriver\bin\chromedriver
5.創建項目:vue init webpack my-project,這里的my-project指的是我要創建的項目的名字。
vue init webpack yanyan
6.安裝項目依賴 :
D:\work\yanyan>cnpm install
出現下面的代碼說明安裝正確
D:\work\yanyan>cnpm install√ Installed 69 packages√ Linked 0 latest versions√ Run 0 scripts√ All packages installed (used 516ms(network 510ms), speed 0B/s, json 0(0B), tarball 0B)
7.運行項目 : npm run dev
D:\work\yanyan>cnpm run dev
此時出現了dev不存在的錯,missing script:dev是因為路徑不對,是D盤下的work下的yanyan
C:\Users\Administrator>D:D:\>cd workD:\work>cd yanyanD:\work\yanyan>cnpm run dev
D:\work\yanyan>cnpm run dev> yanyan@1.0.0 dev D:\work\yanyan> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js95% emittingDONE Compiled successfully in 22147ms 16:56:46I Your application is running here: http://localhost:8080
8.npm install 報錯不存在package.json,在路徑中找不到package.json文件,首先初始化,再安裝相應的文件
1. npm init -f //強迫初始化文件
2. npm install bluebird --save
-f表示force的意思,不加這個,npm會讓你輸入一堆信息,比如name、version之類,如果只是做做實驗小demo,直接-f,npm幫你初始化package.json,并填充各種默認值,省事。
–save表示將安裝的包加入依賴列表的意思,可以看下package.json 里的dependencies字段。后面再運行 npm install,就會把所有依賴安裝下來。如果不加–save,什么都不會安裝。
這個方法是我在這個博客里看到的:https://blog.csdn.net/a_bet_of_three_years/article/details/82120393,說的很好。
9.npm install 報錯(npm ERR! errno -4048,Error: EPERM: operation not permitted,)這個錯不是權限的問題。
10.最后出現了一個錯(This is probably not a problem with npm. There is likely additional logging output above.)這可能不是npm的問題。上面可能還有其他日志輸出。此時關掉cmd,重新打開cmd
C:\Users\Administrator>D:D:\>cd workD:\work>cd yanyanD:\work\yanyan>ls -la'ls' 不是內部或外部命令,也不是可運行的程序或批處理文件。D:\work\yanyan>cnpm install√ Installed 69 packages√ Linked 0 latest versions√ Run 0 scripts√ All packages installed (used 516ms(network 510ms), speed 0B/s, json 0(0B), tarball 0B)D:\work\yanyan>cnpm run dev> yanyan@1.0.0 dev D:\work\yanyan> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js95% emittingDONE Compiled successfully in 22147ms 16:56:46I Your application is running here: http://localhost:8080
沒踩完的坑明天接著踩。。。。。。
來源:本文內容搜集或轉自各大網絡平臺,并已注明來源、出處,如果轉載侵犯您的版權或非授權發布,請聯系小編,我們會及時審核處理。
聲明:江蘇教育黃頁對文中觀點保持中立,對所包含內容的準確性、可靠性或者完整性不提供任何明示或暗示的保證,不對文章觀點負責,僅作分享之用,文章版權及插圖屬于原作者。
Copyright?2013-2024 JSedu114 All Rights Reserved. 江蘇教育信息綜合發布查詢平臺保留所有權利
蘇公網安備32010402000125
蘇ICP備14051488號-3技術支持:南京博盛藍睿網絡科技有限公司
南京思必達教育科技有限公司版權所有 百度統計