javascript - bootstrap-vue Form File Upload没有样式，但是其他组件有？

Question

使用此处提供的示例:https://bootstrap-vue.js.org/docs/components/form-file ，我没有提供第一个“样式化”示例显示的样式。

即使我的模板是这样的，两者都显得“普通”:

<template> 
<div>
  <!-- Styled -->
  <b-form-file v-model="file" :state="Boolean(file)" placeholder="Choose a file..."></b-form-file>
  <div class="mt-3">Selected file: {{file && file.name}}</div>

  <!-- Plain mode -->
  <b-form-file v-model="file2" class="mt-3" plain></b-form-file>
  <div class="mt-3">Selected file: {{file2 && file2.name}}</div>
</div>
</template>

我想我错过了正确加载css。但是，从 bootstrap-vue 复制粘贴其他示例工作得很好。按钮使用附加的 JS 事件进行样式设置 - 所以这似乎不是问题。

为什么 bootstrap-vue 为其他组件加载 CSS，但显然不是 b-form-file ?

Answer 1

我只是通过安装推荐版本的 Bootstrap 来解决同样的问题。 official website 中的命令将安装与 bootstrap-vue 不兼容的最新版本(我写这篇文章时为 5.0.2)。

yarn remove bootstrap
yarn add bootstrap@4.5.3