更新包 (buefy) 中断项目 (filegator) - 导入问题 (?)
Updating package (buefy) breaks project (filegator) - import issues(?)
我正在尝试向自托管文件存储 filegator 添加一些功能。
(该项目被组织为单文件组件,如果有任何相关性的话。)
(它基于 Vue,js 并作为 Node.js 服务器运行,带有 babel)
为此,我想更新使用过的 buefy 版本,以利用一些更新的功能。
其中一个中间版本是 code breaking,但是建议的解决方案已经实施:
如果你check here,建议
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';
Vue.use(Buefy);
它已经这样做了,同时使用了重大更改之前的版本,在 filegators main.js,第 1、5 和 25 行。
但是,我仍然收到以下错误消息:
我已经尝试在 Browser.vue 中以相同的方式导入 buefy,其中包含引发错误的 b-table,但它没有帮助。 (我走对了,我需要在每个组件中单独导入包吗?)
更让我困惑的是,关于 breaking changes 的文章建议
import { Table } from 'buefy'
而 official documentations code 使用
b-table
但是,我无法导入名称中带有连字符的单个组件。这会引发自己的错误。
我觉得这应该很容易,而且我忽略了一些明显的事情。
有人能给我指出正确的方向吗?
谢谢! :)
我认为这不是重要问题,因为这可能会导致应用程序根本无法构建。但是您的错误消息来自已加载并执行应用程序的浏览器。
v0.8.0 中的重大更改仅适用于单个组件的导入。 the docs 说的是您可以一次导入并安装所有 Buefy 组件(Vue.use(Buefy);
....通常在 main.js
中)或仅安装和使用选定的组件。由于 filegator
使用的是第一个选项,这不是导致您出现问题的更改...
从错误和堆栈跟踪的外观来看,问题似乎出在版本 v0.9.0 的重大更改中,其中 BTable
组件默认插槽和 table 列语法已更改
旧语法:
<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>
我正在尝试向自托管文件存储 filegator 添加一些功能。
(该项目被组织为单文件组件,如果有任何相关性的话。)
(它基于 Vue,js 并作为 Node.js 服务器运行,带有 babel)
为此,我想更新使用过的 buefy 版本,以利用一些更新的功能。
其中一个中间版本是 code breaking,但是建议的解决方案已经实施:
如果你check here,建议
import Vue from 'vue';
import Buefy from 'buefy';
import 'buefy/dist/buefy.css';
Vue.use(Buefy);
它已经这样做了,同时使用了重大更改之前的版本,在 filegators main.js,第 1、5 和 25 行。
但是,我仍然收到以下错误消息:
更让我困惑的是,关于 breaking changes 的文章建议
import { Table } from 'buefy'
而 official documentations code 使用
b-table
但是,我无法导入名称中带有连字符的单个组件。这会引发自己的错误。
我觉得这应该很容易,而且我忽略了一些明显的事情。
有人能给我指出正确的方向吗?
谢谢! :)
我认为这不是重要问题,因为这可能会导致应用程序根本无法构建。但是您的错误消息来自已加载并执行应用程序的浏览器。
v0.8.0 中的重大更改仅适用于单个组件的导入。 the docs 说的是您可以一次导入并安装所有 Buefy 组件(
Vue.use(Buefy);
....通常在main.js
中)或仅安装和使用选定的组件。由于filegator
使用的是第一个选项,这不是导致您出现问题的更改...从错误和堆栈跟踪的外观来看,问题似乎出在版本 v0.9.0 的重大更改中,其中
BTable
组件默认插槽和 table 列语法已更改
旧语法:
<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>