web-dev-qa-db-ja.com

vue webpackテンプレートにパーサーがありません

ここで述べたようなwebpackテンプレートを使用してvueプロジェクトをセットアップしていました。 http://vuejs-templates.github.io/webpack/

ただし、テンプレートが機能していることをテストするためにnpm run devを実行した後、次のエラーが表示されます。

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\node_modules\prettier\index.js:7051:13)
    at formatWithCursor (path\node_modules\prettier\index.js:10370:12)
    at path\node_modules\prettier\index.js:31115:15
    at Object.format (path\node_modules\prettier\index.js:31134:12)
    at Object.module.exports (path\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 (path\node_modules\prettier\index.js:7051:13)
    at formatWithCursor (path\node_modules\prettier\index.js:10370:12)
    at path\node_modules\prettier\index.js:31115:15
    at Object.format (path\node_modules\prettier\index.js:31134:12)
    at Object.module.exports (path\node_modules\vue-loader\lib\template-compiler\index.js:80:23)

私は何を間違えていますか？

webpackvue.jsprettier
40
Sabbertran

Prettier は、今日発生した1.13.0更新でこのリグレッションを引き起こしました。このエラーを修正するには、以前のバージョンにダウングレードします。

npm install --save-dev [email protected]

npm run dev

これでうまくいくはずです。

84
Jesse Hallam

Yarnを使用している場合、これをpackage.jsonに追加して@vue/component-compiler-utilsに正しいバージョンを使用するように強制します。

"resolutions": {
  "@vue/component-compiler-utils/prettier": "1.12.1"
}

次に、新規インストールを実行します。

参照

7
Yovar

[email protected]および[email protected]で修正されています。アップグレードするだけです。

6
pmbanugo

あなたがlaravel-mixを使用している場合、これは私のためにそれを修正しました：

。\ node_modulesを削除し、。\ yarn.lockを削除して、次を。\ package.jsonに追加します

"dependencies": {
    ...
    "prettier": "1.12.1",
    "vue-loader": "13.7.0"
    ...
},
"resolutions": {
    "laravel-mix/vue-loader": "13.7.0",
    "vue-loader/prettier": "1.12.1"
}

糸を実行し、すべてが動作するはずです。

2
Toyinster

ここではvue-cliがよりきれいなAPIインターフェイスを使用し、オプションをハードコーディングしているため、プロジェクト@vue/component-compiler-utilsにきれいな依存関係が追加されました。

npm i prettier@~1.12.0を試して、ここできれいなバージョンを強制できます。

ところで誰かが プルリクエスト を修正して

1
DannyFeliz

DockerでNuxt/Vueを使用しています。 Dockerビルドでも同じエラーが発生しました。

以下のコマンドの後は機能しません

rm -rf node_modules 
npm install --save-dev [email protected]
npm run dev

そこで、このようにDockerfileを編集しましたが、うまくいきました。

FROM node:8.11

RUN mkdir -p /app
COPY . /app
WORKDIR /app

RUN npm install && npm cache verify
RUN npm install --save-dev [email protected]
RUN npm run build

EXPOSE 3000

CMD ["npm", "run", "express"]
0
icchi

Yarnでも同じエラーが発生しましたが、代わりにnpm iとnpm run devを試してみましたが、うまくいきました。

yarn v v1.5.1npm -v 5.6.0node -v v10.0.0

0
Greg Benner