Bootstrap-Vue.JS未知自定义元素<；b-nav-brand>；

我正在开发一个Vue应用程序。我在应用程序中使用来自的引导vue导航栏。但是，当我在控制台中运行我的项目时，Vue会不断警告我有关未知的自定义元素

，我已将该元素包含在我的

main.js

中

如果你有任何想法，这是我的设置

错误：

[Vue warn]：未知自定义元素：-您注册了吗
组件是否正确安装？对于递归组件，请确保提供
在此处输入代码在此处输入代码“名称”选项

导航条码：

<b-navbar class="nav-bar" toggleable="sm">
    <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>
    <b-nav-brand class="logo" href="#">
      <img src="/static/images/boost-icon.svg" alt="Boost icon"/>
      <h1>Portal</h1>
    </b-nav-brand>
    <b-collapse is-nav id="nav_collapse">
      <b-navbar-nav class="ml-auto">
        <b-nav-item href="">
          <span class="btn btn-primary btn-request-access">Request Access</span>
        </b-nav-item>
      </b-navbar-nav>
    </b-collapse>
  </b-navbar>

门户
请求访问

Main.JS：

Vue.use(BootstrapVue)
new Vue({
  el: '#app',
  router: router,
  template: '<App/>',
  store: store,
  components: {
    App
  }
})

Vue.use（BootstrapVue）
新Vue({
el:“#应用程序”，
路由器:路由器,，
模板：“”，
店:店,，
组成部分：{
应用程序
}
})

因为它的

位于

BootstrapVue

您也可以导入它

import { BNavbar } from 'bootstrap-vue'
Vue.component('b-navbar', BNavbar)

或

---

在bootstrap vue文档中，他们会在页面底部告诉您如何开始导入。

非常感谢您的指点。哈哈。下次一定要小心。

import { NavbarPlugin } from 'bootstrap-vue'
Vue.use(NavbarPlugin)