gpt4 book ai didi

node.js - 如何使用React指令主页上的代码

转载 作者:太空宇宙 更新时间:2023-11-04 00:44:56 25 4
gpt4 key购买 nike

关于React.js getting started page要使用 Node 安装,它说要执行以下操作。

安装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 的文件中的 Node 目录中,然后重新运行: browserify -t [ babelify --presets [ React ] ] main.js -o bundle.js

这有效 - 没有错误。

现在我不知道要做什么才能看到“Hello world”文本渲染。这个“入门”的编写方式暗示用户应该神奇地知道此时要做什么才能看到示例文本渲染,但我不知道。

注意:我正在将express作为网络服务器运行,顺便说一句,我并不是偷懒,我认真地认为这些说明太片面了,而且很奇怪。以下是“入门”为您提供的内容 - 减去 Express Web 服务器。

enter image description here

最佳答案

我认为“快速入门页面”对于初学者来说并不是很有帮助:

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

  • package.json(由 npm install ...生成)
  • main.js(“快速入门”页面中的 JavaScript 示例)
  • 由“browserify”命令生成的文件“bundle.js”
  • 包含以下内容的index.html


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

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

关于node.js - 如何使用React指令主页上的代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35117835/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com