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

Question

我正在尝试将 noflo ui 'the-graph' 与基于 React 的前端集成。我正在尝试将 demo-simple.html 示例作为 simple-demo.js 包装到反应组件中，然后 build 在上面。

在 building 和运行我得到以下错误：

Uncaught ReferenceError: React is not defined at Object.module.exports.register (bundle.js:42029).......

在调查 bundle.js 时，我发现原因是：

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

my simple-demo.js 只有以下代码和基本样板文件：

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

这里我已经导入了React，但是在导入'the-graph'之后就报错了。如果这个import有注释，就没有问题。

如果有人能深入了解问题出在哪里，那将会很有帮助。感谢您的耐心和帮助。

Answer 1

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 才能让它工作。所以在这个库的当前形式中，我相信这是继续进行的方式。

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

flowhub/the-graph: React not defined error

javascript

jquery

reactjs

es6-modules

noflo