Skip to content

Cannot read property 'props' of undefined when lazy loading <b-col> and <b-form-group> components #3080

Closed
@andrevandal

Description

@andrevandal

Hi, I'm receiving an error on Nuxt with BootstrapVue v2.0.0-rc.18 when import components individually.

For now, I'm using BootstrapVue v2.0.0-rc.15 without errors.

I'm on Windows 10 with Chrome 73.
CodeSandbox

Error:

Cannot read property 'props' of undefined

pages/index.vue

<template>
  <section>
    <b-jumbotron
      tag="section"
      bg-variant="light"
      text-variant="dark"
      class="mb-0 d-flex justify-content-center align-items-center"
      fluid
    >
      <b-row>
        <b-col>
          <b-card class="h-100">
            Test
          </b-card>
        </b-col>
      </b-row>
    </b-jumbotron>
  </section>
</template>

<script>

export default {
  components: { 
    BJumbotron: () => import('bootstrap-vue/es/components/jumbotron/jumbotron'),
    BCard: () => import('bootstrap-vue/es/components/card/card'),
    BRow: () => import('bootstrap-vue/es/components/layout/row'),
    BCol: () => import('bootstrap-vue/es/components/layout/col')
  }
}
</script>

Could someone help me?

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions