flowhub / the-graph:React未定义错误

时间:2017-10-19 20:56:30

标签: javascript jquery reactjs es6-modules noflo

我正在尝试整合noflo ui' the-graph '基于React的前端。我试图将 demo-simple.html 示例包装成 simple-demo.js 的react组件,然后构建在它之上。

在构建和运行时,我收到以下错误:

  

未捕获的ReferenceError:未定义React       在Object.module.exports.register(bundle.js:42029).......

在查看bundle.js时,我发现原因是:

  

TheGraph.SVGImage = React.createFactory(React.createClass({......

我的simple-demo.js只有以下代码和基本的样板:

import React, {Component} from 'react';
var fbpGraph = require('fbp-graph');
var theGraph = require('the-graph');

此处我已导入React,但在导入'-graph' 后,我收到了错误消息。如果对此导入进行了注释,则没有问题。

如果有人能够洞察出了什么问题,将会有很大的帮助。谢谢你的耐心和帮助。

1 个答案:

答案 0 :(得分:0)

flowhub / the-graph需要一个全局的React变量,它通过以下列方式在index.html中添加react和hammer来解决:

<body>
<div class="container"></div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
<script src="app/bundle.js"></script>
</html>

目前它不适用于 react 16.0.0 ,我需要 15.4.2 才能使其正常工作。 所以在这个库的当前形式中,我相信这是继续进行的方式。