Обновление пакета (buefy) приводит к нарушению работы проекта (filegator) - проблемы с импортом (?)

Я пытаюсь добавить некоторые функции в filegator, самостоятельное хранилище файлов.
(Проект организован как однофайловые компоненты, если это имеет какое-либо значение.)
(Он основан на Vue, js и работает как сервер Node.js с babel)
Для этого , Я хочу обновить используемую версию buefy, чтобы использовать некоторые новые функции.
Одной из промежуточных версий было нарушение кода, предлагаемый решение, однако, уже было реализовано:

Если вы проверьте здесь, предлагается

import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';

Vue.use(Buefy);

Он уже делал это, используя версию, которая была до критических изменений, в файловых средствах main.js, строки 1, 5 и 25.
Однако я все равно получаю следующее сообщение об ошибке: Я уже пробовал импортировать buefy таким же образом в Browser.vue, содержащий b-таблицу это вызывает ошибку, но это не помогло. (Был ли я на правильном пути, мне нужно импортировать пакеты в каждый компонент отдельно?)

Еще больше меня смущает то, что статья, информирующая о критических изменениях предлагает

import { Table } from 'buefy'

в то время как официальный код документации использует

b-table

Однако я не могу импортировать отдельные компоненты, в названии которых есть дефис. Это порождает собственные ошибки.
Я считаю, что это, вероятно, должно быть довольно легко, и упускаю из виду кое-что очевидное. Может ли кто-нибудь указать мне правильное направление?
Спасибо! :)


javascript vue.js buefy
person morph3us    schedule 13.03.2021    source источник
comment
Какую версию Buefy вы используете (текущую и целевую)?   -  person Michal Levý    schedule 13.03.2021

Ответы (1)


arrow_upward
1
arrow_downward

Я не думаю, что это проблема импорта, поскольку это, вероятно, приведет к тому, что приложение вообще не будет строиться. Но ваше сообщение об ошибке поступает из браузера, в котором приложение уже загружено и выполняется.

  1. Критическое изменение в v0.8.0 касается только импорта отдельных компонентов. В документах говорится, что вы можете импортировать и устанавливать все Buefy компоненты сразу (Vue.use(Buefy); .... обычно в main.js) или просто установите и используйте только выбранные компоненты. Поскольку filegator использует 1-й вариант, это изменение не вызывает у вас проблем ...

  2. Судя по ошибке и трассировке стека, кажется, что проблема скорее в критическом изменении версии v0.9.0, где BTable компонент по умолчанию слот и синтаксис столбца таблицы изменены

Старый синтаксис:

<b-table :data="myData">
    <template slot-scope="props">
        <b-table-column field="name" label="Name">
            {{ props.row.name }}
        </b-table-column>
        <b-table-column field="age" numeric label="Age">
            {{ props.row.age }}
        </b-table-column>
    </template>
</b-table>

Новый синтаксис:

<b-table :data="myData">
    <b-table-column field="name" label="Name" v-slot="props">
        {{ props.row.name }}
    </b-table-column>
    <b-table-column field="age" label="Age">
        <template v-slot:default="props">
            {{ props.row.age }}
        </template>
    </b-table-column>
</b-table>
person Michal Levý    schedule 13.03.2021
comment
Да это оно! Миллион раз спасибо за то, что нашли время ответить! Я тупой, но счастлив! Теперь это работает! Я желаю вам всего наилучшего! - person morph3us; 14.03.2021