error组件名称“Posts”应始终为多词vue/多词组件名称

wwwo4jvm  于 2023-02-05  发布在  Vue.js
关注(0)|答案(1)|浏览(225)
import Vue from 'vue'
import VueRouter from 'vue-router'
import Posts from './views/Posts'

//Next you need to call Vue.use(Router) to make sure that Router is added as a middleware to our Vue project.
Vue.use(VueRouter)

export default new VueRouter({
    //The default mode for Vue Router is hash mode. 
    //It uses a URL hash to simulate a full URL so that the page won’t be reloaded when the URL changes.  
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {
            path: '/',
            name: 'posts',
            component: Posts,
        },
        
    ]
})

我正在尝试以上代码并运行服务器,然后它显示此错误:
错误:编译失败,出现1个错误3:52:40 AM
[eslint] C:\用户\戴尔\下载\travel-test-main\django_vue\vue2\hello\src\views\Posts.vue 1:1错误组件名称“帖子”应始终为多词版本/多词组件名称

ylamdve6

ylamdve61#

理解错误试图告诉你什么总是很重要的。
首先,提供的代码片段没有显示错误在哪里。错误说它在你的src\views\Posts.vue文件中。我相信你已经从你的路由器文件中给了我们代码。
第二,这个错误还说它来自eslint,这是一个用来执行特定编码格式标准的实用程序。你遇到了一个来自eslint规则“vue/multi-word-component-names”的错误。简单的google搜索返回rule documentation。无论如何,要解决这个错误,你可以遵循这个规则,给予你的组件名称一个多词的名称。或者您可以更改您的eslint config并简单地关闭规则。

.西班牙贸易中心

"rules": {
  "vue/multi-word-component-names": "off"
}

相关问题