どんな情報でも本当に役に立ちます。最初はnpminstallbabel-loaderコマンドも実行しました。
私は持っています
./app-client.jsモジュールビルドのエラーが失敗しました:SyntaxError:/Users/dawatramani/ReactNodejs/app-client.js:
予期しないトークン(4:13)
2 | var APP= require('./components/APP');
3 |
> 4 | React.render(<APP />,document.getElementById('react-container'));
| ^
5 |
Parser.pp.raise(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/location.js:22:13)at Parser.pp.unexpected(/ Users / dawatramani / ReactNodejs / node_modules / babel-core / node_modules / babylon / lib / parser / util.js:89:8)at Parser.pp.parseExprAtom(/ Users / dawatramani / ReactNodejs / node_modules / babel-core / node_modules / babylon / lib / parser / expression.js:522:12)at Parser.pp.parseExprSubscripts(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:277:19)at Parser.pp.parseMaybeUnary (/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:257:19)Parser.pp.parseExprOps(/Users/dawatramani/ReactNodejs/node_modules/babel-core/ node_modules / babylon / lib / parser / expression.js:188:19)(Parser.pp)。parseMaybeConditional(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:165:19)at Parser.pp.parseMaybeAssign(/ Users / dawatramani / ReactNodejs / node_modules / babel-core /node_modules/babylon/lib/parser/expression.js:128:19)at Parser.pp.parseExprListItem(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:1046 :16)Parser.pp.parseCallExpressionArguments(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:353:20)at Parser.pp.parseSubscripts(/ Users / dawatramani /ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:316:31)Parser.pp.parseExprSubscripts(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib /parser/expression.js:287:15)パーサーで。pp.parseMaybeUnary(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:257:19)at Parser.pp.parseExprOps(/ Users / dawatramani / ReactNodejs / node_modules / babel -core / node_modules / babylon / lib / parser / expression.js:188:19)at Parser.pp.parseMaybeConditional(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js :165:19)Parser.pp.parseMaybeAssign(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:128:19)at Parser.pp.parseExpression(/ Users /dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/expression.js:92:19)at Parser.pp.parseStatement(/ Users / dawatramani / ReactNodejs / node_modules / babel-core / node_modules / babylon /lib/parser/statement.js:163:19)Parser.ppで。parseBlockBody(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/statement.js:529:21)at Parser.pp.parseTopLevel(/ Users / dawatramani / ReactNodejs / node_modules / babel-core /node_modules/babylon/lib/parser/statement.js:36:8)at Parser.parse(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/parser/index.js:129:19 )at parse(/Users/dawatramani/ReactNodejs/node_modules/babel-core/node_modules/babylon/lib/index.js:47:47)at File.parse(/ Users / dawatramani / ReactNodejs / node_modules / babel-core / lib /transformation/file/index.js:517:34)at File.parseCode(/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index.js:603:20)at / Users / dawatramani /ReactNodejs/node_modules/babel-core/lib/transformation/pipeline.js:49:12 atFile。Pipeline.transform(/ Users / dawatramani / ReactNodejs / node_modules / babel-core / lib / transformation)でラップ(/Users/dawatramani/ReactNodejs/node_modules/babel-core/lib/transformation/file/index.js:563:16) /pipeline.js:47:17)トランスパイル(/Users/dawatramani/ReactNodejs/node_modules/babel-loader/index.js:14:22)at Object.module.exports(/ Users / dawatramani / ReactNodejs / node_modules / babel -loader / index.js:88:12)
現在のバージョンでは、reactJS
を使用するのではなくReact.render()
、とを使用する必要がReactDOM.render()
ありimport ReactDOM from "react-dom"
ます。これで問題は解決すると思います。
ReactDOM.render(<ComponentName />,document.getElementById('react-container'));
これは、0.14で導入されたごく最近の変更です。ReactはコアライブラリとDOMアダプターに分割されました。レンダリングはReactDOM.renderを介して行われるようになりました。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加