时间戳

首页 > 解决方案 > Vue注册组件不断失败

javascript - Vue注册组件不断失败

问题描述

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

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

“103:5 错误“BFCookieCard”组件已注册但未使用”

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

我的文件如下：

BFConsentCookie.vue

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

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

  data() {
    return {};
  },
  beforeMount() {
    
  },
}

登录.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
}

标签： javascriptvue.jswebpackvue-componentweb-frontend

解决方案

问题是 BFCookieCard 中的大写 F，将其替换为 BfCookieCard。在您的 login.vue 中，您还可以像这样导入组件：

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

推荐阅读