Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/opencv/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 安装和使用React_Javascript_Node.js_Reactjs_Netbeans_Npm - Fatal编程技术网

Javascript 安装和使用React

Javascript 安装和使用React,javascript,node.js,reactjs,netbeans,npm,Javascript,Node.js,Reactjs,Netbeans,Npm,我花了很长时间只是试图安装React和React DOM 我以以下内容开始我的脚本: var React = require('react'); var ReactDOM = require('react-dom'); 我使用Node和NPM安装到我的项目目录中,我可以看到它们已成功安装到我的netbeanside中。我打开项目设置->Javascript库->NPM,可以看到React v15.4.2和React DOM v15.4.2 尽管如此,我仍然得到了错误: ReferenceEr

我花了很长时间只是试图安装React和React DOM

我以以下内容开始我的脚本:

var React = require('react'); 
var ReactDOM = require('react-dom');
我使用Node和NPM安装到我的项目目录中,我可以看到它们已成功安装到我的netbeanside中。我打开项目设置->Javascript库->NPM,可以看到React v15.4.2和React DOM v15.4.2

尽管如此,我仍然得到了错误:

ReferenceError: Can't find variable: require 
   (21:07:49:681 | error, javascript)
   at global code (public_html/main.js:8:20)

如果有人有建议,我会非常感激。

这行不通。将npm包中的react.js和react-dom.js库包含到项目的主页面,即index.html。另外,请记住添加babel.js-它与您的问题无关,只是为了将来提及。

您现在还不能在浏览器中使用require,而且规范将与RequireJS语法不同。如果你想从React开始,我建议你试着从React开始。只要您对工作流程感到满意,就可以尝试使用Gulp、Browserify或更流行的Webpack模块设置自己的开发和生产环境


希望有帮助

您是否使用类似Wepback的东西将其打包到web上?谢谢您的链接!这看起来很有帮助。我还没有用react设置网页包,我计划现在就设置。好的,谢谢。我想我是在想React会自动编译的时候跳出来的。我将研究如何使用Webpack进行设置。如果我使用Webpack,我还需要使用Babel吗?是的,我想是的。在这里查看详细信息谢谢,我将查看编译React还需要做些什么。