如何在React指令主页上使用代码

时间:2016-01-31 18:46:14

标签: node.js reactjs

在要与Node一起安装的React.js getting started page上,它说要执行以下操作。

安装react和react-dom软件包。 - 完成且没有错误

运行:npm install --save react react-dom babelify babel-preset-react

此工作正常

然后运行....

browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js

这给了我一个错误(我从未使用过browserify)。

错误是找不到main.js

在说明的正上方,在一个名为main.js的文件中有一段随机代码....它只是......好吧,“坐在那里”,没有说明如何处理它。所以我假设这是最后一个命令正在寻找的文件。

所以我将代码复制到名为main.js的文件中的节点目录中并重新运行:browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js

这很有效 - 没有错误。

现在我不知道我期望看到“Hello world”文本渲染。编写这个“入门”的方式,它推断用户应该神奇地知道该做什么,看看示例文本渲染,但我不知道。

注意:我正在运行快递作为网络服务器,作为旁注,我并不懒惰,我认真地认为这些说明太偏袒而且奇怪。以下是“入门”为您提供的内容 - 减去快速Web服务器。

enter image description here

1 个答案:

答案 0 :(得分:1)

IMO"快速入门页面"对初学者来说不是很有帮助:

在项目文件夹中,您需要以下文件:

  • package.json(由npm install ...生成)
  • main.js(来自" jartstart"页面的javascript示例)
  • 一个文件" bundle.js"这是由" browserify"生成的。命令
  • 具有以下内容的index.html

<!DOCTYPE html> <html> <head> </head> <body> <div id="example"></div> <script src="bundle.js"></script>
</body> </html>

您可以在浏览器中打开index.html来查看结果...