Reactjs 为什么在遵循React.js教程时，我会像意外标记一样不断地获取错误

[更新]：事实证明，我没有完全按照官方网站所说的去做，这意味着我需要在命令中添加“[]”

---

全部：

我是react.js的新手，当我遵循时，我使用的步骤是：

A.构建一个main.js文件

B.npm安装-g browserify

C.npm安装--保存react react dom babelify babel预设react

D.browserify-t babelify——预设react main.js-o bundle.js

然后我得到如下错误：

SyntaxError: c:/Temp/web/lnreact/main.js: Unexpected token (6:2)
  4 |
  5 | ReactDOM.render(
> 6 |   <h1>Hello, world!</h1>,
    |   ^
  7 |   document.getElementById('example')
  8 | );
    at Parser.pp.raise (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-core\node_modul
es\babylon\index.js:1413:13)
    at Parser.pp.unexpected (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-core\node_
modules\babylon\index.js:2895:8)
    at Parser.pp.parseExprAtom (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-core\no
de_modules\babylon\index.js:746:12)
    at Parser.pp.parseExprSubscripts (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-c
ore\node_modules\babylon\index.js:501:19)
    at Parser.pp.parseMaybeUnary (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-core\
node_modules\babylon\index.js:481:19)
    at Parser.pp.parseExprOps (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-core\nod
e_modules\babylon\index.js:412:19)
    at Parser.pp.parseMaybeConditional (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel
-core\node_modules\babylon\index.js:394:19)
    at Parser.pp.parseMaybeAssign (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-core
\node_modules\babylon\index.js:357:19)
    at Parser.pp.parseExprListItem (c:\Temp\web\lnreact\node_modules\babelify\node_modules\babel-cor
e\node_modules\babylon\index.js:1224:16)
    at Parser.pp.parseCallExpressionArguments (c:\Temp\web\lnreact\node_modules\babelify\node_module
s\babel-core\node_modules\babylon\index.js:577:20)

SyntaxError:c:/Temp/web/lnreact/main.js:意外标记（6:2）
4 |
5 | ReactDOM.render(
>6 |你好，世界！，
|   ^
7 | document.getElementById（'示例'）
8 | );
在Parser.pp.raise（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel core\node\u module
es\babylon\index.js:1413:13）
位于Parser.pp.unexpected（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel core\node_
modules\babylon\index.js:2895:8）
在Parser.pp.parsexpratom（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel core\no
de_modules\babylon\index.js:746:12）
在Parser.pp.parsexprsubscripts（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel-c
ore\node\u modules\babylon\index.js:501:19）
在Parser.pp.parsemaybeanary（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel core\
node_modules\babylon\index.js:481:19）
在Parser.pp.parsexprops（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel core\nod
e_modules\babylon\index.js:412:19）
在Parser.pp.parseMaybeConditional（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel
-core\node\u modules\babylon\index.js:394:19）
在Parser.pp.parseMaybeAssign（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel core
\node_modules\babylon\index.js:357:19）
在Parser.pp.parsexprlistitem（c:\Temp\web\lnreact\node\u modules\babelify\node\u modules\babel cor
e\node\u modules\babylon\index.js:1224:16）
在Parser.pp.parseCallExpressionArguments（c:\Temp\web\lnreact\node\u modules\babelify\node\u module
s\babel core\node\u modules\babylon\index.js:577:20）

我想知道我哪里做错了？

---

谢谢

您似乎没有运行教程中给出的命令。运行

browserify

的正确命令应该是：

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

---

您似乎没有运行教程中给出的命令。运行

browserify

的正确命令应该是：

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

---

你把React导入main.js了吗？@JoshBeam我从官方网站“Using React from npm”下复制了main.js中的相同代码，我认为这是一个JSX错误是的，这是一个JSX错误，毫无疑问，但Babel/React应该注意这一点。Kuan你能发布你的package.json吗？@AndrewAxton谢谢，你能告诉我更多关于哪里出错以及如何解决的细节吗？你有没有将React导入到你的main.js中？@JoshBeam我从官方网站“Using React from npm”下复制了main.js中的相同代码？我认为这是JSX错误是JSX错误无疑是JSX错误，但Babel/React应该负责这件事。关颖珊，你能发布你的package.json吗？@AndrewAxton谢谢，你能给我更多关于哪里出错以及如何解决的细节吗？非常感谢，我认为这太理所当然了！不客气！在您运行的命令中，

--presets

由

browserify

而不是

babelify

转换处理，因此不会发生任何事情。在这个命令中，我们将预设传递给变换，这是有效的。感谢这清楚的有用解释，现在我明白了。非常感谢，我认为这是理所当然的！不客气！在您运行的命令中，

--presets

由

browserify

而不是

babelify

转换处理，因此不会发生任何事情。在这个命令中，我们将预设值传递给变换，这是有效的。感谢这清楚而有用的解释，现在我明白了。