Vue注册组件不断失败

Posted 2023-02-23

【中文标题】Vue注册组件不断失败

【英文标题】：Vue register component keep failing

【发布时间】：2021-09-17 01:49:52

【问题描述】：

我正在做一个基于 [THIS VUE TEMPLATE][https://www.creative-tim.com/product/vue-material-dashboard-pro] 的 FE

我正在尝试在本地注册一个组件，但我不断收到错误消息：

"103:5 错误 "BFCookieCard" 组件已注册但 没用过”

我在以下分享的答案没有任何成功：

I'm getting an error of 13:5 error The “Home” component has been registered but not used vue/no-unused-components component has been registered but not used vue/no-unused-components Vue component defined but not used error message. How do I use it properly? Remove 'component has been registered but not used' in eslint for Vue.js

我的文件如下：

BFConsentCookie.vue

<template>
  
    <h1> HELLO </h1>
  
</template>

<script>
 
export default 
  name: "bf-cookie-card",

  data() 
    return ;
  ,
  beforeMount() 
    
  ,

Login.vue

<template>
<div> 
          <bf-cookie-card>
          </bf-cookie-card>
      
    </div>

  </div>
</template>
<script>

import  BFCookieCard from "@/components";


export default 
  components: 
    BFCookieCard,
  ,
  data() 
    return ;
  ,

index.js

import BFCookieCard from "./Cards/BFCookieCard.vue";
export 
    BFCookieCard

【参考方案1】：

问题是BFCookieCard中的大写F，换成BfCookieCard。 在你的 login.vue 中你也可以像这样导入你的组件：

components: 
    BfCookieCard: () => import('path to component file.vue'),
,

【讨论】：

太棒了。现在该组件已注册，没有错误。现在我在主屏幕上看不到任何“HELLO”。预期的行为是显示该字符串，对吗？

不，您应该看到 hello 字符串。现在你的 index.js 文件看起来像这样？从“./Cards/BFCookieCard.vue”导入 BfCookieCard；导出 BfCookieCard