node.js - 使用 vue-cli 遇到 "couldn' t infer parser"错误

标签 node.js webpack vue.js vue-cli prettier

我在尝试使用 vue-cli 构建新的 webpack 项目时反复收到错误消息。我正在关注最新版本 (3.0.0-beta.11) 上的文档,还尝试使用不是 beta 的早期版本。

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

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 操作系统
  • 我正在运行 node v8.5.0
  • 使用 yarn
  • 安装包

我尝试过的事情

  • 不同版本的 vue-cli 生成新项目。项目生成并安装模块。
  • 尝试删除 prettier 模块,但错误似乎仍然出现。
  • 尝试重新安装所有模块。

我还可以尝试什么来克服这个错误?

最佳答案

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

另一种选择是运行 npm install prettier@1.12.1 而不删除之前的 node_modules 文件夹

更新:

对于某些用户,版本 1.12.1 不起作用

@Kivin 提出了另一种解决方案,可在此处找到:vue webpack template missing parser

关于node.js - 使用 vue-cli 遇到 "couldn' t infer parser"错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50555943/

相关文章:

css - 在 Express 元素中本地包含 Bootstrap/Semantic UI?

node.js - 指向 Express-Generator 站点中的部分内容

vue.js - 迭代中的自定义元素需要 'v-bind:key' 指令

node.js - 使用nodemailer向多个收件人发送邮件

css - 使用 webpack 加载字体

javascript - 代理从 webpack 开发服务器到 .net MVC 站点的请求

javascript - 如何使用 webpack 添加 js 文件?

javascript - v-for 组件不在生产机器上渲染,但在本地工作

javascript - nuxt.js 将 prop 传递给组件的内部元素

node.js - require(variable) 导致错误 Cannot find module "."