Компонент bootstrap-vue отображается как комментарий

В моем проекте vue некоторые компоненты bootstrap-vue отображаются нормально, но другие отображаются как HTML-комментарий. В этом примере оба компонента отлично отображаются на панели инструментов Vue Dev. Я добавил «нормальное» поле ввода, чтобы посмотреть, нормально ли оно отображается.

<template>
    <div class="list-group">
        <div>Test</div>
        <b-form-input v-model="text1"
                      type="text"
                      placeholder="Enter your name"></b-form-input>
        <b-form-textarea id="textarea1"
                         v-model="text"
                         placeholder="Enter something"
                         :rows="3"
                         :max-rows="6"></b-form-textarea>
        <input type="text"/>
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from 'vue-property-decorator';

    @Component
    export default class ProjectList extends Vue {
        text = 'text';
        text1 = 'text1';
    }
</script>

Но они будут отображаться как:

Я ожидал увидеть оба поля ввода в браузере, но я вижу только текстовое поле и «нормальное» поле ввода. В журнале ошибок не вижу. Что я мог упустить?