0

我正在尝试将 noflo ui ' the-graph ' 与基于 React 的前端集成。我正在尝试将demo-simple.html示例包装到一个 react 组件中作为simple-demo.js，然后在它之上构建。

在构建和运行时，我收到以下错误：

未捕获的 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，但是在导入'the-graph'之后我得到了错误。如果注释了此导入，则没有问题。

如果有人可以深入了解出了什么问题，那将是非常有帮助的。感谢您的耐心和帮助。

4

1 回答 1

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

于 2017-10-20T10:51:29.310 回答