Javascript 无法读取BoostrapVue模式中未定义的属性“show”

我得到了错误TypeError:当我试图打开模式时，无法读取undefined的属性'show'

我还应该为BoostrapVue Modal安装或设置什么作为实例方法

---

谢谢大家

我有一些方法，你可以尝试得到你想要的最终效果

确保是否导入引导和引导CSS文件： 如果您使用的是模块绑定器，那么您需要尝试只导入特定的组件groupsplugins，如下所示。 如果这些都不起作用，请检查您的node_模块中是否安装了bootstrap和boostrapVue。 为了确保，请删除node_modules文件夹并在项目根目录的终端中运行npm install或运行npm install bootstrap bootstrap vue-save。

---

希望这能对你有所帮助。

我有一些方法，你可以尝试让你想要的最终奏效

确保是否导入引导和引导CSS文件： 如果您使用的是模块绑定器，那么您需要尝试只导入特定的组件groupsplugins，如下所示。 如果这些都不起作用，请检查您的node_模块中是否安装了bootstrap和boostrapVue。 为了确保，请删除node_modules文件夹并在项目根目录的终端中运行npm install或运行npm install bootstrap bootstrap vue-save。

---

希望这能对您有所帮助。

您能从控制台粘贴整个错误吗？所以很容易发现错误。除此之外，您是否同时安装了bootstrap和bootstrap vue？能否从控制台粘贴整个错误？所以很容易发现错误。除此之外，您是否同时安装了bootstrap和bootstrap vue？

    <b-button
      id="show-btn"
      @click="$bvModal.show('bv-modal-example')"
    >
      Open Modal
    </b-button>
    <b-modal id="bv-modal-example">Hello From My Modal!</b-modal>

import BootstrapVue from 'bootstrap-vue';
Vue.use(BootstrapVue);

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

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