Everything inside b-card renders 'undefined'

- Operating system Windows 10 - Browser and version Chrome - Version of Bootstrap-Vue that you are using bootstrap-vue@2.0.0-rc.11

Everything I put in any bootstrap-vue elements renders as undefined:

<template>
    <b-card>
        test
    </b-card>
</template>

Returns the following output:

I’m using a project created with vue-cli and in my main.js have the required lines:

It looks like other people have encountered the same problem: https://stackoverflow.com/questions/50120964/bootstrap-vue-v-tabs-inside-v-card-renders-undefined

Any idea what I’m doing wrong?

[xforce]

Have been hitting the same issues, I did some debugging, as it turns out this seems to be most likely caused by something related to vue-class-component.
As I am not really familiar with any of the vue code I was not able to really pin point anything, but I have some more information that may be useful.

1. This only seems to happen when you have ‘mixed’ components, as in there is one component that doesn’t use the @Component decorator in your own code.
2. Replacing https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/src/components/card/card-body.js#L59 with a spread of the array for the push, like cardBodyChildren.push(...slots().default) does fix it even when using ‘mixed’ components. Literally no idea why…

TBH I have no idea why that is or what happens, just thought I would share what I was able to find out.

Anyway I will keep digging a bit and share when/if I find anything…

[ekosynth]

Why closed?