当我试图用vue-cli创建一个新的网页包项目时,我反复遇到一个错误.我正在关注最新版本(3.0.0-beta.11)的文档,也try 了早期版本,它不是beta版.

当我运行yarn serve时,它试图启动dev服务器并构建项目,但在这里失败:

error  in ./src/App.vue?vue&type=template&id=7ba5bd90

Module build failed: Error: No parser and no file path given, couldn't infer a parser.
    at normalize (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:7051:13)
    at formatWithCursor (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:10370:12)
    at /Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:31115:15
    at Object.format (/Users/cory/Code/chickadee/my-project/node_modules/prettier/index.js:31134:12)
    at actuallyCompile (/Users/cory/Code/chickadee/my-project/node_modules/@vue/component-compiler-utils/dist/compileTemplate.js:93:29)
    at compileTemplate (/Users/cory/Code/chickadee/my-project/node_modules/@vue/component-compiler-utils/dist/compileTemplate.js:26:16)
    at Object.module.exports (/Users/cory/Code/chickadee/my-project/node_modules/vue-loader/lib/loaders/templateLoader.js:42:20)

 @ ./src/App.vue?vue&type=template&id=7ba5bd90 1:0-194 1:0-194
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client/index.js (webpack)/hot/dev-server.js ./src/main.js

关于我的设置

  • Mac OS
  • 我在运行 node v8.5
  • 软件包安装了yarn

我try 过的事情

  • vue-cli的不同版本生成一个新项目.这些项目生成并安装模块.
  • try 移除prettier模块,但似乎仍然出现错误.
  • try 重新安装所有模块.

我还能做些什么来克服这个错误呢?

推荐答案

从项目中删除当前的node_modules文件夹,将"prettier": "^1.12.1"添加到package.json,然后运行npm install解决了这个问题.

另一个选项是运行npm install prettier@1.12.1而不在之前移除node_modules文件夹

Update:

对于一些用户来说,verion 1.12.1不起作用

@基文提出了另一个解决方案,可以在这里找到:vue webpack template missing parser

Vue.js相关问答推荐

如何使用Nuxt 3动态处理无限嵌套路由?

Vutify-v-工具提示-不使用键盘轻击按钮显示

将 html 文件移出 dist vite 中的 src 文件夹

Vue composition api: 访问