Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ReactJS开发Kibana插件_Javascript_Reactjs_Kibana - Fatal编程技术网

Javascript 使用ReactJS开发Kibana插件

Javascript 使用ReactJS开发Kibana插件,javascript,reactjs,kibana,Javascript,Reactjs,Kibana,我想使用ReactJS作为首选javascript框架创建一个Kibana插件。这似乎是可能的,但文档和示例肯定很少。我已经设置了本地环境,尽可能运行Kibana、kbn bootstrap等,并修改了app.js,就像使用react应用程序一样 在我的插件的index.js中 app: { title: 'Reactisearch', description: 'Sample Kibana plugin using ReactJS and Elasticsearch',

我想使用ReactJS作为首选javascript框架创建一个Kibana插件。这似乎是可能的,但文档和示例肯定很少。我已经设置了本地环境,尽可能运行Kibana、
kbn bootstrap
等,并修改了
app.js
,就像使用react应用程序一样

在我的插件的
index.js

  app: {
    title: 'Reactisearch',
    description: 'Sample Kibana plugin using ReactJS and Elasticsearch',
    main: 'plugins/reactisearch/app'
  },
ui中导出
。我唯一的问题是,传统上,在React应用程序中,
index.html
会在DOM中的其他地方有一个目标元素供应用程序渲染。我似乎无法让这部分发挥作用。我确实有

ReactDOM.render(,document.getElementById('root')

app.js中
,就像你通常会做的那样,但很明显,从那时起,它与app.js之间存在着断开连接。我理解如果你使用Kibana的(角度)路由,你可以做如下事情

uiRoutes.enable();
uiRoutes
  .when('/', {
    template,
    ...
  });
模板指的是角度模板,但既然我不想使用角度模板,那又怎么样

底线是我想开发React中的大部分(如果不是全部的话)插件,但如果必须有一点角度,我想这是可以的。这仅仅是第二天,即使是看着Kibana,如果有些东西是显而易见的,我也很抱歉


如果有关系的话,我会选择最新的一行。

reacadom.render(…)
正在执行吗?是不是抛出了一个错误?正确<代码>不变冲突:目标容器不是DOM元素
。原因很明显,因为我并不是说
index.html
是应用程序的入口点。Webpack通常会在一个简单的React应用程序中处理这个问题,但我不知道如何在Kibana插件中声明它。。您只需要附加任何dom元素。因为我有一个kibana插件要写在我的todolist上,所以我将尝试快速创建一个示例。standbyI为kibana react插件创建了一个示例,您可以在这里看到: