創(chuàng)建vue項(xiàng)目錯(cuò)誤 Error: No parser and no file path given

很抱歉版本號(hào)打錯(cuò)了，誤導(dǎo)了一些人。因?yàn)榻裉靤egmentfault ios手機(jī)端用sogou輸入法編輯問題切換到英文會(huì)一直亂打字。。我也不知道什么問題。。實(shí)在抱歉

原因是prettier 更新到1.13.0導(dǎo)致的
component-compiler-utils 1.3.1 已經(jīng)更新修復(fù)了.

error
in ./src/App.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.

at normalize (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:7051:13)
at formatWithCursor (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:10370:12)
at F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:31115:15
at Object.format (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:31134:12)
at Object.module.exports (F:\WebStormProjects\a9043-blog-mobile\node_modules\vue-loader\lib\template-compiler\index.js:80:23)

@ ./src/App.vue 11:0-354
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

error in ./src/components/HelloWorld.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.

at normalize (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:7051:13)
at formatWithCursor (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:10370:12)
at F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:31115:15
at Object.format (F:\WebStormProjects\a9043-blog-mobile\node_modules\prettier\index.js:31134:12)
at Object.module.exports (F:\WebStormProjects\a9043-blog-mobile\node_modules\vue-loader\lib\template-compiler\index.js:80:23)

@ ./src/components/HelloWorld.vue 11:0-366
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

回答

編輯回答

她愚我

首先安裝 prettier@1.12.0
移除 node_modules 目錄
清除 NPM 的緩存：npm cache clean -f
如果使用了 yarn，清除 yarn 的緩存：yarn cache clean
使用 NPM 重新安裝：npm i

2018年8月4日 03:16

編輯回答

浪婳

mac電腦直接：
rm -rf node_modules
rm package-lock.json
npm install
npm install prettier@~1.12.1

執(zhí)行完這四個(gè)命令，保證ok

win電腦
先手動(dòng)卸載了本地的prettier
然后再npm install prettier@~1.12.1

原因是因?yàn)閙ac的node_moduls中的包命名直接為該組件的名字，而win要攜帶版本號(hào)
所以mac執(zhí)行npm install prettier時(shí)會(huì)覆蓋原來的版本，而win則不會(huì)，因?yàn)閣in的
文件夾命名格式為prettier@1.12.1或者prettier@1.13.0，所以需要手動(dòng)卸載一下

2017年10月4日 09:43

編輯回答

黑與白

npm 3.10.10
使用了以上各種方法均不行
cnpm ls prettier查看發(fā)現(xiàn)
└─┬ vue-loader@13.7.1 -> _vue-loader@13.7.1@vue-loader
└── prettier@1.13.0
到項(xiàng)目cd node_modules/vue-loader下
cnpm i prettier@~1.12.1
重新cnpm ls prettier查看
└─┬ vue-loader@13.7.1 -> _vue-loader@13.7.1@vue-loader
└── prettier@1.12.1
重新啟動(dòng)后，成功，估計(jì)升級(jí)npm也能成功

2018年1月17日 20:29

編輯回答

糖果果

npm install --save-dev prettier@1.12.0

npm run dev

2018年4月5日 00:50

編輯回答

不歸路

see: https://github.com/vuejs/comp...

抱歉，因?yàn)樵趃ithub里面track，沒有更新這里。

問題背景：

這里出現(xiàn)的問題是因?yàn)閜rettier，一個(gè)vue-cli的依賴，把一個(gè)feature 的移除當(dāng)作次版本發(fā)布。這個(gè)導(dǎo)致npm install 到的@vue/component-compiler-utils 的runtime 出錯(cuò)導(dǎo)致。

和prettier 作者溝通后，為了避免碎片化， prettier 沒有計(jì)劃發(fā)布新的版本來更正這個(gè)，所以我發(fā)送了一個(gè)PR 到component-compiler-utils并且在PR 合并前提供了一個(gè)workaround 去降級(jí)prettier 到更新之前的版本。

美國(guó)晚上晚些時(shí)候Evan（vue 的作者）合并了PR 并發(fā)布了新的component-compiler-utils#1.3.1, 對(duì)于vue-loader v15，這個(gè)問題得以解決。不過需要手動(dòng)升級(jí)下component-compiler-utils。

解決方案：

如果是vue-loader v15

npm update --depth=9999 @vue/component-compiler-utils

如果是vue-loader v14, 因?yàn)関ue-loader 直接依賴prettier

npm update --depth=9999 vue-loader

2018年6月11日 20:43

編輯回答

巴扎嘿

為什么我不行了

2017年4月25日 06:41

編輯回答

玩控

為什么還是有錯(cuò)，重新安裝的prettier還是1.13.0版本。
試了好多次方案，終于解決了
vue-loader是13.x/14.x版本的，手動(dòng)刪除node_modules里面的_prettier@1.12.1@prettier和prettier兩個(gè)文件夾，然后cnpm install --save-dev prettier@1.12.1，這樣就沒問題了

2017年5月12日 17:01

編輯回答

六扇門

先去node_module刪除prettier這個(gè)包，再去 cnpm i prettier@~1.12.1，就可以啦，不行就刪除package.lock.json再試就可以啦

2017年8月15日 19:34

編輯回答

逗婦乳

刪除了 node_modules
cnpm install --save-dev prettier@1.12.0
還是報(bào)錯(cuò)
Module build failed: Error: No parser and no file path given, couldn't infer a p
arser.

2017年5月7日 05:34

編輯回答