create-react-appでのテスト中に「予期しないトークンのインポート」

sidoshi

プロジェクトフォルダでnpmtestを実行すると、というエラーメッセージが表示されますunexpected token importcreate-react-appを使用しているので、すべてがすぐに機能するはずなので、何も構成する必要はないと思います。

どこかで間違いを犯しているのか、それともcreate-react-appの問題なのかわかりません。

アレックスジョンソン

Googleからこの質問を見つけた人のために:

このエラーunexpected token importimport、以前のバージョンの機能ではないため、ES6コードの解析に問題があることを示していることがよくあります多くの場合、ChromeなどのブラウザはES6を実行しますが、テストを実行しようとするとエラーが発生します。したがって、で実行yarn testするcreate-react-appこのエラーが発生します。

当面の解決策は、babelがES6コードをどのようにコンパイルしているかを調べることです。上記の例でcreate-react-appは、webpackとbabelが含まれています。ただし、彼らはあなたnode_modulesがすでにコンパイルされいることを前提としており、これはコンパイルプロセスでスキップされます。したがって、プロジェクトにbabelが含まれていても、何らかの理由ですべてのES6コンパイルしているわけではありません

webpack / babelの事前設定が付属していない別のプロジェクトを使用している場合、またはbabelのカスタム設定を作成している場合は、最初に調査する必要があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

システムにReactをインストールしてcreate-react-appをアンインストールできないのはなぜですか?

分類Dev

予期しないトークンのインポート-Electron / React

分類Dev

create-react-appが矢印関数コンポーネントを使用しないのはなぜですか?

分類Dev

React、semantic-ui-react。テストスイートの実行に失敗しました:SyntaxError:予期しないトークンのインポート

分類Dev

create-react-appで本番環境を構成します(構文エラー:予期しないトークン<JSONの位置0)

分類Dev

create-react-appに複数の同様のsvgソースを効率的にインポートしますか?

分類Dev

構文エラー:予期しないトークン、予期される{(1:7)、create-react-app

分類Dev

モジュールを新しいcreate-react-appプロジェクトにインポートする際のビルド時のBabel / JSXTranspilerエラー

分類Dev

React create app-ネストされたコンポーネントをどのようにインポートしますか?

分類Dev

Create-React-Appビルド-「キャッチされていないSyntaxError:予期しないトークン<」

分類Dev

未使用のインポートについてcreate-react-appチェックを行う方法

分類Dev

create-react-appをインストールすると、npm ERRが発生します!shasumチェックに失敗し、npm ERR!'... mojOzGIEI2rg0m24Yb5Oq'の近くで解析中にJSON入力が予期せず終了しました

分類Dev

ノード:create-react-appテンプレート内のファイルをインストール後のルートに移動します

分類Dev

create-react-appを使用したJest-予期しないトークンエラー

分類Dev

Reactとcreate-react-appを使用した動的インポート

分類Dev

'create-react-native-app'npmのインストール中にエラーが発生しました

分類Dev

React-SyntaxError:予期しないトークン。ステートレスコンポーネントのAND演算子に必要です

分類Dev

ReactコンポーネントのJestテスト:予期しないトークン "<"

分類Dev

[React-Native] [Jest] SyntaxError:予期しないトークンのインポート

分類Dev

create-react-app SyntaxError:テスト実行時に予期しない識別子

分類Dev

create-react-appでReact自体のグローバル変数を使用するにはどうすればよいですか(または、Reactをどこにでもインポートしないようにする)?

分類Dev

コンポーネントライブラリを構築するためにイジェクトした後のcreate-react-appの構成

分類Dev

create-react-appで相対パスインポート(/../../../redux/action/action1)を使用しないようにする方法

分類Dev

create-react-appがApp.jsコンポーネントを関数ベースのコンポーネントに変更したのはなぜですか?

分類Dev

Create React App withTypeScriptのストーリーブックは、コンポーネントに不正な型がある場合でもコンパイルされます

分類Dev

create-react-appがsrcディレクトリの外部にインポート制限をインポートする

分類Dev

Node.jsでReactをインポートするとSyntaxErrorがスローされます:予期しないトークンのエクスポート

分類Dev

create-react-app + typescriptで静的JSONをインポートする

分類Dev

予期しない動作のテストJest / Enzymeで遅延した後のReactコンポーネント

Related 関連記事

  1. 1

    システムにReactをインストールしてcreate-react-appをアンインストールできないのはなぜですか?

  2. 2

    予期しないトークンのインポート-Electron / React

  3. 3

    create-react-appが矢印関数コンポーネントを使用しないのはなぜですか?

  4. 4

    React、semantic-ui-react。テストスイートの実行に失敗しました:SyntaxError:予期しないトークンのインポート

  5. 5

    create-react-appで本番環境を構成します(構文エラー:予期しないトークン<JSONの位置0)

  6. 6

    create-react-appに複数の同様のsvgソースを効率的にインポートしますか?

  7. 7

    構文エラー:予期しないトークン、予期される{(1:7)、create-react-app

  8. 8

    モジュールを新しいcreate-react-appプロジェクトにインポートする際のビルド時のBabel / JSXTranspilerエラー

  9. 9

    React create app-ネストされたコンポーネントをどのようにインポートしますか?

  10. 10

    Create-React-Appビルド-「キャッチされていないSyntaxError:予期しないトークン<」

  11. 11

    未使用のインポートについてcreate-react-appチェックを行う方法

  12. 12

    create-react-appをインストールすると、npm ERRが発生します!shasumチェックに失敗し、npm ERR!'... mojOzGIEI2rg0m24Yb5Oq'の近くで解析中にJSON入力が予期せず終了しました

  13. 13

    ノード:create-react-appテンプレート内のファイルをインストール後のルートに移動します

  14. 14

    create-react-appを使用したJest-予期しないトークンエラー

  15. 15

    Reactとcreate-react-appを使用した動的インポート

  16. 16

    'create-react-native-app'npmのインストール中にエラーが発生しました

  17. 17

    React-SyntaxError:予期しないトークン。ステートレスコンポーネントのAND演算子に必要です

  18. 18

    ReactコンポーネントのJestテスト:予期しないトークン "<"

  19. 19

    [React-Native] [Jest] SyntaxError:予期しないトークンのインポート

  20. 20

    create-react-app SyntaxError:テスト実行時に予期しない識別子

  21. 21

    create-react-appでReact自体のグローバル変数を使用するにはどうすればよいですか(または、Reactをどこにでもインポートしないようにする)?

  22. 22

    コンポーネントライブラリを構築するためにイジェクトした後のcreate-react-appの構成

  23. 23

    create-react-appで相対パスインポート(/../../../redux/action/action1)を使用しないようにする方法

  24. 24

    create-react-appがApp.jsコンポーネントを関数ベースのコンポーネントに変更したのはなぜですか?

  25. 25

    Create React App withTypeScriptのストーリーブックは、コンポーネントに不正な型がある場合でもコンパイルされます

  26. 26

    create-react-appがsrcディレクトリの外部にインポート制限をインポートする

  27. 27

    Node.jsでReactをインポートするとSyntaxErrorがスローされます:予期しないトークンのエクスポート

  28. 28

    create-react-app + typescriptで静的JSONをインポートする

  29. 29

    予期しない動作のテストJest / Enzymeで遅延した後のReactコンポーネント

ホットタグ

アーカイブ