使用vue-cli創(chuàng)建項(xiàng)目的時(shí)候出錯(cuò)

在使用vue-cli創(chuàng)建項(xiàng)目的時(shí)候出現(xiàn)如下報(bào)錯(cuò)：

命令：vue create vue-hello

報(bào)錯(cuò)：

npm ERR! Unexpected end of JSON input while parsing near '...ant":"^2.2.2","semver'
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/hope111/.npm/_logs/2018-05-27T08_16_41_717Z-debug.log
 ERROR  command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist

報(bào)錯(cuò)圖片：

報(bào)錯(cuò)圖片

在網(wǎng)上查了很久，看到很多說是要清楚npm的緩存，使用下面這個(gè)指令：

npm cache clean --force

但是都沒有起效果，如果有哪位前輩之前也遇見過相同的問題或者是知道怎么解決這個(gè)問題，麻煩告知一下，謝謝！

回答

編輯回答

淚染裳

vue create myproject -r https://registry.npm.taobao.org

2017年8月28日 12:14

編輯回答

無標(biāo)題

在npm官網(wǎng)查看，vue-cli 好像沒有你用的創(chuàng)建項(xiàng)目的命令，裝了最新版的vue-cli, 運(yùn)行沒有反應(yīng)。

npm 上的文檔是這樣的：

$ vue init <template-name> <project-name>

template-name 有6個(gè)官方的 vuejs-templates：

webpack - A full-featured Webpack + vue-loader setup with hot reload, linting, testing & css extraction.
webpack-simple - A simple Webpack + vue-loader setup for quick prototyping.
browserify - A full-featured Browserify + vueify setup with hot-reload, linting & unit testing.
browserify-simple - A simple Browserify + vueify setup for quick prototyping.
pwa - PWA template for vue-cli based on the webpack template
simple - The simplest possible Vue setup in a single HTML file

文檔連接：https://www.npmjs.com/package...

2017年9月9日 06:48

編輯回答

陌璃

我也是一樣的問題，求解答?。?/p>

2018年4月25日 01:07

編輯回答

護(hù)她命

這個(gè)問題我一定要回答，因?yàn)槲液湍阌龅降膯栴}一摸一樣花了一整天才弄好前面一個(gè)json報(bào)錯(cuò)，后面一個(gè)cammandfailed
對于這個(gè)問題，我試過
首先，裝好最新的node,npm,vue3.0,vue-cli
如果你遇到這種問題裝cli-init 用npm init webpack [projectname]使用老版本創(chuàng)建還是沒有問題的，如果你非要新版，下面是我的一些嘗試
首先我的思路是可能npm出了問題，下載不下來
1.npm cache clean --force ==》失敗
2.換淘寶鏡像==》失敗
3.換原registry==》失敗
4.聽網(wǎng)上的npm降級到@4 ==》失敗
5.這時(shí)候我打開了 /Users/youname/.npm/_logs/2018-06-25T01_38_45_837Z-debug.log 大概這么個(gè)報(bào)錯(cuò)文件發(fā)現(xiàn)每次從淘寶域請求的資源加載失敗304(from cache)，但是在其他域獲得的文件就200ok，同時(shí)在cammandfailed里面還顯示了淘寶鏡像相關(guān)的信息，我估計(jì)是沒刪除干凈，
npm config registry clean
npm config disturl clean
同時(shí)進(jìn)入 /用戶/username/.npm 把那個(gè)淘寶的文件夾刪除掉（這里我就發(fā)現(xiàn)，在registry.cnpmjs.org里面的cache.json是空的，但是在淘寶文件夾中的cache.json是有內(nèi)容的，也就是通過npm cache clean --force 刪不掉，我只能嘗試手動(dòng)刪除）
===》雖然現(xiàn)在在debug.log獲取的資源都是200，也就是成功了，但是很遺憾，還是報(bào)錯(cuò)
6.這個(gè)時(shí)候我就有點(diǎn)絕望了，到底是什么原因呢？會(huì)不會(huì)是vue的原因，然后用google搜了一下(沒錯(cuò)，之前是百度搜的，度娘誤我)vue creat 項(xiàng)目失敗
出來https://github.com/vuejs/vue-... 這個(gè)東西
仔細(xì)讀了下，看來我遇到的問題也有很多人遇到，直接看最下面的解決方法，
I am using "vue-cli 3.0.0-rc.1", I solve the problems by setting the ~/.vuerc from "useTaobaoRegistry": true, to false.
所得寺內(nèi)，目測這個(gè)辦法就靠譜，因?yàn)樵赿ebug.log的最開頭
1 verbose cli [ '/usr/local/bin/node',
1 verbose cli '/usr/local/bin/npm',
1 verbose cli 'install',
1 verbose cli '--loglevel',
1 verbose cli 'error',
1 verbose cli '--registry=https://registry.npm.taobao.org',
1 verbose cli '--disturl=https://npm.taobao.org/dist' ]
有這么一段話，debug.log后面的內(nèi)容顯示包都能正常下載，最后控制臺報(bào)錯(cuò)信息與淘寶taobao.org有關(guān)，但是我npm下載相關(guān)已經(jīng)設(shè)置回原來的域了，很可能是vue-cli這家伙還不知道，給我在瞎搞。
按上面說的修改~/.vuerc 好了