<tfoot id="mow6i"></tfoot>

使用vue-cli創(chuàng)建項目的時候出錯

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

命令：vue create vue-hello

報錯：

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

報錯圖片：

報錯圖片

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

npm cache clean --force

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

回答

編輯回答

淚染裳

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

2017年8月28日 12:14

編輯回答

無標題

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

npm 上的文檔是這樣的：

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

template-name 有6個官方的 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

編輯回答

陌璃

我也是一樣的問題，求解答??！

2018年4月25日 01:07

編輯回答

護她命

這個問題我一定要回答，因為我和你遇到的問題一摸一樣花了一整天才弄好前面一個json報錯，后面一個cammandfailed
對于這個問題，我試過
首先，裝好最新的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.這時候我打開了 /Users/youname/.npm/_logs/2018-06-25T01_38_45_837Z-debug.log 大概這么個報錯文件發(fā)現(xiàn)每次從淘寶域請求的資源加載失敗304(from cache)，但是在其他域獲得的文件就200ok，同時在cammandfailed里面還顯示了淘寶鏡像相關(guān)的信息，我估計是沒刪除干凈，
npm config registry clean
npm config disturl clean
同時進入 /用戶/username/.npm 把那個淘寶的文件夾刪除掉（這里我就發(fā)現(xiàn)，在registry.cnpmjs.org里面的cache.json是空的，但是在淘寶文件夾中的cache.json是有內(nèi)容的，也就是通過npm cache clean --force 刪不掉，我只能嘗試手動刪除）
===》雖然現(xiàn)在在debug.log獲取的資源都是200，也就是成功了，但是很遺憾，還是報錯
6.這個時候我就有點絕望了，到底是什么原因呢？會不會是vue的原因，然后用google搜了一下(沒錯，之前是百度搜的，度娘誤我)vue creat 項目失敗
出來https://github.com/vuejs/vue-... 這個東西
仔細讀了下，看來我遇到的問題也有很多人遇到，直接看最下面的解決方法，
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)，目測這個辦法就靠譜，因為在debug.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)容顯示包都能正常下載，最后控制臺報錯信息與淘寶taobao.org有關(guān)，但是我npm下載相關(guān)已經(jīng)設置回原來的域了，很可能是vue-cli這家伙還不知道，給我在瞎搞。
按上面說的修改~/.vuerc 好了