触り始めたときにつまづいたことをメモしていきます
vue/no-unused-components
コンポーネントをインポートしているのに使用してないとエラーになっちゃう。
エラーにまでしなくてもよくない？と思うけど…
例えば以下のコードだとエラーが出る。
<template>
<div>Hello World!</div>
</template>
<script>
import MyHeader from './components/MyHeader.vue'
export default {
components: {
MyHeader,
}
}
</script>
MyHeader.vueのコンポーネントをインポートしておいて使用していないので、
vue/no-unused-componentsのエラーになっちゃいます。
vue/multi-word-component-names
・ファイル名 → パスカルケース
・HTML内 → ケバブケース
・JS内 → キャメルケース
参考
【Vue】単一ファイルコンポーネントの命名規則まとめ【ファイル名から記法まで】
Can't resolve 'sass-loader'
.vueファイルの中でscssを使うなら、sass-loaderもnpm installする必要があります。
以下でインストールして解消しました。
npm install sass-loader -D
npm install node-sass -D
