Vuetify導入時にエラーが発生
前回の記事でVuetifyを入れてみました。
その時にこんなvueのエラーが発生。
error Component name "Home" should always be multi-word vue/multi-word-component-names
コンポーネントの名前についてエラーがでましたので無視しようと思います。
解決方法
.eslintrc.jsにあるrules部分に次のを追加します。
'vue/multi-word-component-names': 0
こんな感じにrules中の最後、16行目に追加しました。
そのあと、npm run serve したところVuetifyが起動されました。
Component name "Home" should always be multi-word vue/multi-word-component-namesのエラー解決です。
module.exports = { root: true, env: { node: true }, 'extends': [ 'plugin:vue/essential', 'eslint:recommended' ], parserOptions: { parser: '@babel/eslint-parser' }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'vue/multi-word-component-names': 0 } }
Vuetifyの導入手順はこちらに記載しています。
Pythonで人気の記事はこちら
最新技術の活用例、トップガンマーヴェリックのセリフはAIによる技術