質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.44%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

Q&A

解決済

1回答

8562閲覧

vueCLIで作ったファイルで、viewsという階層に新しくNew.vueというコンポーネントを作ったらエラーがでました。

you-blue-cat

総合スコア31

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

0グッド

0クリップ

投稿2022/03/29 08:10

vue.jsでvueCLIで新しくファイルを作り、viewsという階層にNew.vueというコンポーネントファイルを作ったらエラーになりました。

views
→AboutView.vue
→HomeView.vue
New.vue

エラー内容は
Component name "New" should always be multi-word vue/multi-word-component-names
という内容です。

以下がindex.jsファイルです。

import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
{
path: '/',
name: 'home',
component: HomeView
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" / '../views/AboutView.vue')
},
{
path: '/new',
name: 'new',
component: () => import(/
webpackChunkName: "new" */'../views/New.vue')
}
]

const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})

export default router

わかる方ご教授お願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

vue/multi-word-component-namesというルールは、Vue コンポーネントの名前には複数のワードを用いましょうというものです。 NuxtLogoは、NuxtとLogoの複数ワードを用いているため OK ですが、Tutorialやindexなど単体名のコンポーネントはエラーとなります。

引用元
このエラーを無視する方法が引用元に記載されているのでぜひ参考にしてみてください!

投稿2022/03/29 08:58

mineralwater

総合スコア289

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

you-blue-cat

2022/03/29 10:54

回答ありがとうございます。NuxtLogoという様にNewView.vueとしたところ上手くいきました。 エディタの再起動が必要でした。 サイト参考にいたします。ありがとうございました。
mineralwater

2022/03/29 11:02

先日同じエラーが出た時に調べていたので、それが役に立ったなら良かったです!
you-blue-cat

2022/03/29 13:33

とても助かりました。ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.44%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問