问CycleJs应用程序中的"React是未定义“错误
EN

Stack Overflow用户

提问于 2016-06-15 20:17:33

回答 1查看 68关注 0票数 0

我在用cycle.js和webpack做实验。我得到了下面的index.js文件，它几乎是我在cycle.js文档中找到的文件的副本。

import Cycle from '@cycle/core';
import {makeDOMDriver, hJSX} from '@cycle/dom';

function main(drivers) {
  return {
    DOM: drivers.DOM.select('input').events('click')
      .map(ev => ev.target.checked)
      .startWith(false)
      .map(toggled =>
        <div>
          <input type="checkbox" /> Toggle me
          <p>{toggled ? 'ON' : 'off'}</p>
        </div>
      )
  };
}

const drivers = {
  DOM: makeDOMDriver('#app')
};

Cycle.run(main, drivers);

这是我的index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Cycle.js checkbox</title>
  </head>
  <body>
    <div id="app"></div> <!-- Our container -->

    <script src="./dist/bundle.js"></script>
  </body>
</html>

我使用webpack在dist文件夹中生成dist。当我通过在chrome中打开index.html来运行这个应用程序时，我会在chrome控制台中得到以下错误

cycle.js:51ReferenceError: React is not defined
    at index.js:10
    at tryCatcher (rx.all.js:63)
    at InnerObserver.next (rx.all.js:5598)
    at InnerObserver.Rx.internals.AbstractObserver.AbstractObserver.onNext (rx.all.js:1762)
    at InnerObserver.tryCatcher (rx.all.js:63)
    at AutoDetachObserverPrototype.next (rx.all.js:11810)
    at AutoDetachObserver.Rx.internals.AbstractObserver.AbstractObserver.onNext (rx.all.js:1762)
    at ConcatObserver.next (rx.all.js:3466)
    at ConcatObserver.Rx.internals.AbstractObserver.AbstractObserver.onNext (rx.all.js:1762)
    at ConcatObserver.tryCatcher (rx.all.js:63)

不知道我做错了什么，在这个看似简单的cycle.js应用程序的第一步。

cyclejs

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-15 22:10:57

您需要为JSX设置正确的杂注，否则JSX将被错误地转换。

您可以将正确的杂注添加到.js文件的顶部：

/** @jsx hJSX */

或者把这个放在你的babel配置中：

[ "transform-react-jsx", { "pragma": "hJSX" } ]

问CycleJs应用程序中的"React是未定义“错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CycleJs应用程序中的"React是未定义“错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CycleJs应用程序中的"React是未定义“错误
EN