我将一个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"
}
}
答案 0 :(得分:0)
Reactify正在以React 0.12风格编译你的JSX,但你使用的是React 0.11。将React升级到0.12.x或将Reactify降级到使用react-tools 0.11的版本。