[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
Error | エラー
webpack で vue-loader
を使い、single file component をコンパイルする際に以下のエラーが出ることがある。
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
Solution | 解決方法
エラー文にも書いてある通り、vue-template-compiler
をインストールすれば良い。
# using npm
npm install vue-template-compiler --save-dev
# using yarn
yarn add vue-template-compiler --dev
Supplement | 補足
Vue の single file component は、
.vue ファイル内に以下のように template (HTML), script (JavaScript), style (CSS) を記述することができる。
<template>
<div>
<h1>Hello World!</h1>
</div>
</template>
<script>
</script>
<style>
</style>
更に以下のエラーが出たら
vue&type=style&index=0&lang=css