Skip to content
This repository was archived by the owner on Jun 1, 2025. It is now read-only.
This repository was archived by the owner on Jun 1, 2025. It is now read-only.

BFieldBody cannot resolve BField #36

Description

@kikuomax

Overview of the problem

Buefy version: buefy-next (67ecf3a)
Vuejs version: 3.3.4
OS/Browser: macOS/@vue/test-utils

Description

<b-field-body> cannot resolve <b-field> unless <b-field> is globally installed; e.g., Buefy is installed as a plugin.
You will see warning like the following:

[Vue warn]: Failed to resolve component: b-field

or:

[Vue warn]: Component is missing template or render function.

Steps to reproduce

A user cannot directly use <b-field-body> because it is not exported from Buefy, though, I encountered this while working on unit tests of Colorpicker:

I have not confirmed on a browser but I think we could reproduce this if we specifically import Field without installing Buefy as a plugin and use it with horizontal flag:

<b-field horizontal label="test">
  <b-input type="text"></b-input>
</b-field>

Expected behavior

No warning is shown.

Actual behavior

The warning is shown.

Activity

  1. kikuomax commented on Aug 21, 2023

    @kikuomax
    CollaboratorAuthor

    This cannot be simply resolved because there is a circular dependency: Field → FieldBody → Field → ...

  2. added a commit that references this issue on Sep 5, 2023
  3. added a commit that references this issue on Sep 16, 2023
  4. self-assigned this
    on Jan 10, 2024
  5. kikuomax commented on Jan 10, 2024

    @kikuomax
    CollaboratorAuthor

    This should have been closed by #37.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions