带有 laravel 未知自定义元素的 bootstrap-vue.js：<b-alert> 错误

Posted 2023-02-22

【中文标题】带有 laravel 未知自定义元素的 bootstrap-vue.js：<b-alert> 错误

【英文标题】：bootstrap-vue.js with laravel Unknown custom element: <b-alert> error

【发布时间】：2018-12-26 20:32:26

【问题描述】：

我是 Vuejs 新手，我收到错误未知自定义元素 -

如何注册自定义元素 - b-alert。我认为这个元素来自 bootstrapVue。

<template>
<div>
 <b-alert show>Default Alert</b-alert>



  </div> 
   </template>

    <script>
   export default 
    data () 
            return 
                 dismissSecs: 10,
                 dismissCountDown: 0,
                 showDismissibleAlert: false
            
    ,
                  methods: 
             countDownChanged (dismissCountDown) 
                     this.dismissCountDown = dismissCountDown
             ,
             showAlert () 
                     this.dismissCountDown = this.dismissSecs
             

     ,

【参考方案1】：

您必须将组件注册为Component registration

import  Alert  from 'bootstrap-vue/es/components';

components:  BAlert 

由于所有的html标签都变成了驼峰式的虚线BAlert = '<b-alert>'

或者你也可以使用

components:  'b-alert': BAlert 

【讨论】：

我在文件中添加了组件： 'b-alert': BAlert ，现在我得到一个错误 BAlert is not defined

您是否使用vue-cli 来设置您的项目，您是否使用了npm install bootstrap-vue？

BAlert 未定义，因为您导入了Alert 而不是BAlert。