vue.js - vue webpack template missing parser

Question

I was just setting up a vue project using the webpack template like stated here: http://vuejs-templates.github.io/webpack/

However after running npm run dev just to test that the template is working, I get this error:

Failed to compile with 2 errors                                                                                                                                                                                                                                                           21:49:02
 error  in ./src/App.vue

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (path
ode_modulesprettierindex.js:7051:13)
    at formatWithCursor (path
ode_modulesprettierindex.js:10370:12)
    at path
ode_modulesprettierindex.js:31115:15
    at Object.format (path
ode_modulesprettierindex.js:31134:12)
    at Object.module.exports (path
ode_modulesvue-loaderlibemplate-compilerindex.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 (path
ode_modulesprettierindex.js:7051:13)
    at formatWithCursor (path
ode_modulesprettierindex.js:10370:12)
    at path
ode_modulesprettierindex.js:31115:15
    at Object.format (path
ode_modulesprettierindex.js:31134:12)
    at Object.module.exports (path
ode_modulesvue-loaderlibemplate-compilerindex.js:80:23)

What am I doing wrong?

Answer 1

Prettier has caused this regression in their 1.13.0 update which occurred today. Downgrade to the previous version to fix this error:

npm install --save-dev prettier@1.12.0

npm run dev

That should do the trick.