npmでReactJSを使用すると、次のエラーが発生します(予期しないトークン)

Divya

どんな情報でも本当に役に立ちます。最初は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)

Shubham Khatri

現在のバージョンでは、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]

編集
0

コメントを追加

0

関連記事

分類Dev

Babelを使用してReactJSでasyncawaitを使用すると、エラーが発生します:予期しないトークン

分類Dev

Firebase関数でgot(npm)を使用すると、「SyntaxError:予期しないトークン*」が発生します

分類Dev

JavaScriptでPHPを使用すると予期しないトークンエラーが発生する

分類Dev

FirebaseとCreateReactで「予期しないトークン<」エラーが発生する

分類Dev

コードでecma6importを使用できず、「予期しないトークンのインポート」というエラーが発生します。

分類Dev

ShopifyのBillingAPIにPOSTするときに予期しないトークンエラーが発生しました

分類Dev

割り当てを破棄するとエラーが発生します: "予期しないトークン="

分類Dev

ajaxでjsonデータを送信すると、予期しないトークンのようなエラーが発生します。

分類Dev

bashで配列を宣言するときに、予期しないトークン "("の近くで構文エラーが発生しました

分類Dev

クロージャでジェネリック型を使用しようとすると、予期しないコンパイラエラーが発生します

分類Dev

-su:mapred-site.xmlを編集するときに、予期しないトークン `<'の近くで構文エラーが発生しました

分類Dev

getChildContext()をreactjsの高次コンポーネントに渡すと、webpackで予期しないトークンエラーがスローされます

分類Dev

RパッケージPearsonDSをインストールすると、clangで予期しないトークンエラーが発生します

分類Dev

appiumdoctorで予期しないトークンエラーが発生する

分類Dev

Powershellスクリプトで配列要素をチェックするときにエラーが発生しました:予期しないトークン 'eq'

分類Dev

awkのユーザー定義関数の出力を出力すると、予期しないトークンエラーが発生します

分類Dev

@weakifyを使用すると、プログラムで予期しない「@」エラーが発生します

分類Dev

appendToを使用して、HTMLに多くのDIVを追加します。「予期しないトークン<」エラーが発生する

分類Dev

JSONを解析すると「予期しないトークンo」エラーが発生する

分類Dev

@ hapi / hapiを実行するとエラー "#meetings = null SyntaxError:Invalid or予期しないトークン"が発生する

分類Dev

モジュールを宣言すると、lintエラーが発生します '予期しないトークン、予期される "{"'

分類Dev

「予期しないトークン構文エラー」が発生するのはなぜですか

分類Dev

予期しないトークン、エラーが発生するのはなぜですか?

分類Dev

特定のクラス名を使用するとJShellエラー「予期しないタイプ」が発生する

分類Dev

BlazorでJsonPatchDocumentを使用すると予期しないエラーが発生しました

分類Dev

PostmanがフォームデータをAPIにエスケープすると、予期しないトークンエラーが発生します

分類Dev

String []でjavacを使用すると予期しないエラーが発生します

分類Dev

React:JSXでの3項演算により、「予期しないトークン」エラーが発生します

分類Dev

フェッチAPIを使用すると、予期しない入力エラーの終了が発生します

Related 関連記事

  1. 1

    Babelを使用してReactJSでasyncawaitを使用すると、エラーが発生します:予期しないトークン

  2. 2

    Firebase関数でgot(npm)を使用すると、「SyntaxError:予期しないトークン*」が発生します

  3. 3

    JavaScriptでPHPを使用すると予期しないトークンエラーが発生する

  4. 4

    FirebaseとCreateReactで「予期しないトークン<」エラーが発生する

  5. 5

    コードでecma6importを使用できず、「予期しないトークンのインポート」というエラーが発生します。

  6. 6

    ShopifyのBillingAPIにPOSTするときに予期しないトークンエラーが発生しました

  7. 7

    割り当てを破棄するとエラーが発生します: "予期しないトークン="

  8. 8

    ajaxでjsonデータを送信すると、予期しないトークンのようなエラーが発生します。

  9. 9

    bashで配列を宣言するときに、予期しないトークン "("の近くで構文エラーが発生しました

  10. 10

    クロージャでジェネリック型を使用しようとすると、予期しないコンパイラエラーが発生します

  11. 11

    -su:mapred-site.xmlを編集するときに、予期しないトークン `<'の近くで構文エラーが発生しました

  12. 12

    getChildContext()をreactjsの高次コンポーネントに渡すと、webpackで予期しないトークンエラーがスローされます

  13. 13

    RパッケージPearsonDSをインストールすると、clangで予期しないトークンエラーが発生します

  14. 14

    appiumdoctorで予期しないトークンエラーが発生する

  15. 15

    Powershellスクリプトで配列要素をチェックするときにエラーが発生しました:予期しないトークン 'eq'

  16. 16

    awkのユーザー定義関数の出力を出力すると、予期しないトークンエラーが発生します

  17. 17

    @weakifyを使用すると、プログラムで予期しない「@」エラーが発生します

  18. 18

    appendToを使用して、HTMLに多くのDIVを追加します。「予期しないトークン<」エラーが発生する

  19. 19

    JSONを解析すると「予期しないトークンo」エラーが発生する

  20. 20

    @ hapi / hapiを実行するとエラー "#meetings = null SyntaxError:Invalid or予期しないトークン"が発生する

  21. 21

    モジュールを宣言すると、lintエラーが発生します '予期しないトークン、予期される "{"'

  22. 22

    「予期しないトークン構文エラー」が発生するのはなぜですか

  23. 23

    予期しないトークン、エラーが発生するのはなぜですか?

  24. 24

    特定のクラス名を使用するとJShellエラー「予期しないタイプ」が発生する

  25. 25

    BlazorでJsonPatchDocumentを使用すると予期しないエラーが発生しました

  26. 26

    PostmanがフォームデータをAPIにエスケープすると、予期しないトークンエラーが発生します

  27. 27

    String []でjavacを使用すると予期しないエラーが発生します

  28. 28

    React:JSXでの3項演算により、「予期しないトークン」エラーが発生します

  29. 29

    フェッチAPIを使用すると、予期しない入力エラーの終了が発生します

ホットタグ

アーカイブ