爲什麼我一直得到錯誤，如遵循React.js教程時，意外的標記

[更新]：原來，我並沒有完全地按照官方網站說，這意味着我需要添加「[]」中的命令。爲什麼我一直得到錯誤，如遵循React.js教程時，意外的標記

所有：

我非常新的react.js，當我跟隨official site tutorial，我使用的步驟是：

A.建立一個文件main.js

乙。NPM安裝-g browserify

C. NPM安裝--save反應反應-DOM babelify巴別預置反應的

D. browserify -t babelify --presets反應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)

我不知道在哪裏我做錯了什麼？

感謝

來源

2016-01-07 Kuan

您是否將React導入到main.js中？ –

@JoshBeam我從官方網站的「從npm使用React」複製main.js中的相同代碼 – Kuan

我認爲這是JSX錯誤 –

您似乎沒有運行在本教程中給出的命令。正確的命令運行browserify應該是這樣的：

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

來源

2016-01-07 22:43:48

非常感謝，我想這太理所當然了！ – Kuan

不客氣！在你運行的命令中，'--presets'正在被'browserify'處理，而不是'babelify'變換，所以沒有任何反應。在這個命令中，我們將預設傳遞給可以工作的變換。 –

感謝這個明確有幫助的解釋，現在我明白了。 – Kuan

爲什麼我一直得到錯誤，如遵循React.js教程時，意外的標記

回答

相關問題