ReactJS NPM模块:未定义的错误

时间:2014-11-20 04:21:00

标签: reactjs

我将一个ReactJS项目复制到一个新文件夹,进行了一些更改,但它没有找到react NPM模块。我将应用程序剥离为1个简单文件,取出所有主要代码。这让我疯了,我删除了node_modules文件夹,然后运行了NPM install

我正在使用watchify: watchify --debug -t reactify app3.jsx -o ./build/app-brow.js

我重新启动终端控制台以防万一不同步,仍无法找到反应。

我将原始项目复制到另一个文件夹,从该副本中可以正常工作,下面是我遗漏的代码/文件。

它显示Uncaught TypeError: undefined is not a function,这是我render中的JS返回码:

     React.createElement("div", null, 
        "Test, TEST TEST."
     )

FILES: app.jsx

/** @jsx React.DOM */


var React = require('react');

var App = React.createClass({
   render: function() {
      return (
         <div>
            Test, TEST TEST.
         </div>
      );
  } 
}); 


React.renderComponent((
   <App />
), document.body);

的index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Test 3</title>
  </head>

  <body>
    HAH... If you see this there is an error, make sure JavaScript is enabled in your browser.

    <script type="text/javascript" src="build/app-brow.js"></script>

  </body>
</html>

的package.json

{
  "name": "Test3",
  "dependencies": {
    "react": "0.11.x",
    "reactify": "0.14.0"
  }
}

1 个答案:

答案 0 :(得分:0)

Reactify正在以React 0.12风格编译你的JSX,但你使用的是React 0.11。将React升级到0.12.x或将Reactify降级到使用react-tools 0.11的版本。