为什么在遵循 React.js 教程时,我总是收到意外令牌之类的错误
Why I keep get error like unexpected token when follow React.js tutorial
[UPDATE]: 原来我没有完全按照官网说的去做,也就是说我需要在命令中加上“[ ]” .
全部:
我是 react.js 的新手,当我按照 official site tutorial 进行操作时,我使用的步骤是:
一个。构建文件 main.js
乙。 npm install -g browserify
C。 npm install --save react react-dom babelify babel-preset-react
D. browserify -t babelify --presets 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)
我在想我哪里做错了?
谢谢
您似乎没有运行使用教程中给出的命令。 运行 browserify
的正确命令应该是这样的:
$ browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js
[UPDATE]: 原来我没有完全按照官网说的去做,也就是说我需要在命令中加上“[ ]” .
全部:
我是 react.js 的新手,当我按照 official site tutorial 进行操作时,我使用的步骤是:
一个。构建文件 main.js
乙。 npm install -g browserify
C。 npm install --save react react-dom babelify babel-preset-react
D. browserify -t babelify --presets 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)
我在想我哪里做错了?
谢谢
您似乎没有运行使用教程中给出的命令。 运行 browserify
的正确命令应该是这样的:
$ browserify -t [ babelify --presets [ react ] ] main.js -o bundle.js