无法在nuxt vue组件中导入引导[duplicate]

Question

我无法在任何vue组件中导入引导（使用最新的nuxtjs）。我得到：

我的（简单）组件是：

<template>
  <h1>Empty index page</h1>
</template>

<script>
import Modal from 'bootstrap/js/src/modal'

export default {}
</script>

<style></style>

我真的被卡住了。你有什么想法或建议吗？

Answer 1

您应该使用bootstrap vue，它们修复了很多问题，并且它们的树抖动工作非常出色。

你的代码将是

js prettyprint-override"><template>
  <b-button v-b-modal.modal-1>Launch demo modal</b-button> 
  <b-modal id="modal-1" title="BootstrapVue" >
    <h1>Empty index page</h1>
  </b-modal>
</template>

<script>
  import { BModal, BButton } from 'bootstrap-vue'

  export default {
    name: "Modal Component",
    components: {
      'b-modal': BModal,
      'b-button': BButton
    }
  }
</script>

<style></style>

有关详细信息，请参见《引导vue指南》