我正在尝试使用https://github.com/akxcv/vuera将https://react-table.js.org/#/story/readme集成到 vue.js 应用程序中。
我的 main.js：
import Vue from 'vue'
import { VuePlugin } from 'vuera'
import App from './App'
import router from './router'
Vue.config.productionTip = false
Vue.use(VuePlugin)
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
template: '<App/>',
components: { App },
})我的 HelloWorld.vue：
<template>
<div class="hello">
<h1>{{ msg }}</h1>
<ReactTable :data="data" :columns="columns" />
</div>
</template>
<script>
import ReactTable from 'react-table'
import 'react-table/react-table.css'
export default {
name: 'HelloWorld',
components: { ReactTable },
data () {
return {
msg: 'Welcome to Your Vue.js App',
columns: [{ Header: 'Name', accessor: 'name' }],
data: [ {name: 'tom'}]
}
}
}
</script>运行此代码后，我在控制台中收到两个错误：
[Vue warn]: Error in mounted hook: "TypeError: children is not a function"
found in
---> <ReactWrapper>
<ReactTable>
<HelloWorld> at src/components/HelloWorld.vue
<App> at src/App.vue
<Root>和：
vue.esm.js?efeb:1717 TypeError: children is not a function
at ReactTable.render (index.js?5f89:822)
at eval (ReactCompositeComponent.js?063f:793)
at measureLifeCyclePerf (ReactCompositeComponent.js?063f:73)
at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js?063f:792)
at ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js?063f:819)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?063f:359)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?063f:255)
at Object.mountComponent (ReactReconciler.js?c56c:43)
at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?063f:368)
at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?063f:255)是我在编码还是 vuera 插件没有正确处理 ReactTable 组件集成有什么问题？
非常感谢您的任何想法！
