Vuejs2 引导vue组件呈现为注释

在我的vue项目中，一些引导vue组件可以很好地渲染，但其他组件可以作为HTML注释渲染。在本例中，这两个组件在Vue开发工具面板中显示良好。我添加了一个“正常”输入字段，只是想看看它是否被渲染为正常

<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>

试验
从“Vue属性装饰器”导入{Component，Vue}；
@组成部分
导出默认类ProjectList扩展Vue{
text='text'；
text1='text1'；
}

但渲染为：

我希望在浏览器中同时看到输入字段，但我只看到文本区域和“正常”输入字段。我在日志中没有看到错误。我会错过什么

好的，我找到了一个解决方案：

而不是导入：

import Vue from 'vue'    
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue);

我输入：

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue/dist/bootstrap-vue.esm';

Vue.use(BootstrapVue);

---

现在一切都很好。我不知道为什么，因为引导vue文档中描述了前者。可能是因为我使用的是TypeScript.？

这完全正常。这可能是因为其中有一个元素是有条件呈现的。@Terry谢谢您的评论。你是说在b输入组件中？我在文档中没有看到这一点：。请注意，我的代码中没有v-if。VueJS就是这样工作的，与引导VueJS插件无关。@Terry啊……对不起。也许我的问题不清楚，但我在浏览器中看不到输入字段，只有文本区域可见。为什么我看到的是一个而不是另一个？我希望看到这两种情况：-）我注意到您将这些元素直接嵌套在

中。

的唯一有效直接后代是

。尝试更新您的标记，看看是否有任何更改。您好，Jens，我正在尝试使用TypeScript启动一个vue项目，在这个项目中，我面临合并bootstrapVue的困难。现在：

从“bootstrap vue”导入BootstrapVue

不起作用。因此，我尝试从

bootstrap vue.esm

导入，但显示以下错误：找不到模块“bootstrap vue/dist/bootstrap vue.esm”的声明文件。。。。。您是否有任何想法或能否提供一个引导vue+ts项目的工作示例？谢谢。@Ruhshan我现在使用BootstrapVue指南中描述的方法，因为我最初的问题已经解决了。尝试删除您的node_modules文件夹并运行npm安装。我想这就成功了。