Jestはreact-nativeで予期しないトークンに遭遇しました

レオオディシュビリ

そのため、JestとTypeScriptを使用してReactNativeアプリでテストを作成しようとしています。古いバージョンのbabelを使用している間はすべて正常に機能しましたが、プロジェクトの問題がいくつかあったため、babelを7.0.0にアップグレードする必要がありました。その後、私はそれを機能させることができませんでした。どんな助けでも大歓迎です

Jestが予期しないトークンを検出しました。これは通常、Jestが解析できないファイルをインポートしようとしていることを意味します。たとえば、プレーンJavaScriptではありません。デフォルトでは、JestがBabel構成を検出すると、それを使用してファイルを変換し、「node_modules」を無視します。

/home/levan/work/vabaco-dhp-frontend/packages/dhp-mobile-app/node_modules/react-native-calendar-events/index.ios.js:3 import {NativeModules} from'react-native ';

SyntaxError:予期しないトークンのインポート

package.json:

"dependencies": {
    "react": "16.4.1",
    "react-native": "0.56.0",
    "react-native-calendar-events": "^1.6.1",
    "react-redux": "^5.0.7",
    "react-router": "^4.3.1",
    "react-router-native": "^4.3.0",
    "react-router-redux": "5.0.0-alpha.9",
    "redux": "^4.0.0",
    "redux-api-middleware": "^2.3.0",
    "redux-form": "^7.4.2",
    "redux-thunk": "^2.3.0",
    "urijs": "^1.19.1"
  },
  "devDependencies": {
    "@babel/core": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@types/history": "^4.7.0",
    "@types/jest": "^23.3.1",
    "@types/react": "^16.4.13",
    "@types/react-native": "^0.56.17",
    "@types/react-router": "^4.0.30",
    "@types/react-router-native": "^4.2.3",
    "babel-core": "^7.0.0-bridge.0",
    "babel-jest": "^23.4.2",
    "babel-loader": "^8.0.2",
    "babel-preset-react-native": "^5.0.0",
    "jest": "^23.5.0",
    "react-native-typescript-transformer": "^1.2.10",
    "react-test-renderer": "^16.4.2",
    "ts-jest": "^23.1.4",
    "typescript": "^3.0.3"
},


"jest": {
    "preset": "react-native",
    "transform": {
      "^.+\\.ts?$": "ts-jest",
      "^.+\\.tsx?$": "ts-jest",
      "^.+\\.js$": "babel-jest"
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)?$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
    "moduleNameMapper": {
      "^.+\\.(css|less|scss)$": "identity-obj-proxy"
    },
    "transformIgnorePatterns": [
      "/node_modules/(?!(react-native|my-project|react-native-button|react-native-calendar-events)/)"
    ]
  }

babelrc:

{
  "presets": ["react-native", ["@babel/preset-env", {"modules": "commonjs"}]],
  "env": {
    "test": {
      "presets": ["react-native", ["@babel/preset-env"]]
    }
  }
}
レオオディシュビリ

解決策を見つけました。変換では、babel-jestの代わりにreact-native / jest /preprocessor.jsを使用する必要があります。

"jest": {
    "preset": "react-native",
    "moduleDirectories": [
      "node_modules",
      "src"
    ],
    "transform": {
      "^.+\\.ts?$": "ts-jest",
      "^.+\\.tsx?$": "ts-jest",
      "^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js" <--- over here
    },
    "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)?$",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ],
    "moduleNameMapper": {
      "^.+\\.(css|less|scss)$": "identity-obj-proxy"
    },
    "transformIgnorePatterns": []
}

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

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

編集
0

コメントを追加

0

関連記事

分類Dev

Jestはtypescriptで予期しないトークンに遭遇しました

分類Dev

Jestが予期しないトークンReactに遭遇しました

分類Dev

Reactアプリ:Jestが予期しないトークンに遭遇しました

分類Dev

Jestが予期しないトークンに遭遇しました(React、Typescript、Babel、Jest、Webpackのセットアップ)

分類Dev

Jestが予期しないトークンReactJSに遭遇しました

分類Dev

React-native-modal-TransformIgnorePatternsを使用したJestでの予期しないトークン

分類Dev

React TypeScriptを使用しているときに、Jestが予期しないトークンを検出しました

分類Dev

React TypeScriptを使用しているときに、Jestが予期しないトークンを検出しました

分類Dev

React Native:予期しないトークン

分類Dev

予期しないテキストに遭遇した場合にスローする例外は何ですか?

分類Dev

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

分類Dev

Kantuif条件で無効または予期しないトークン

分類Dev

React Native:予期しないトークン、予期される "、"

分類Dev

Jestを使用したVueのテストに失敗し、Jestで予期しないトークンが発生しました。SyntaxError:予期しないトークンのインポート

分類Dev

react-native run-androidの実行中にエラーが発生しました:build.gradleに予期しないトークンがあります

分類Dev

モジュール解析に失敗しました:Reactコンポーネントレンダリングで予期しないトークン

分類Dev

SyntaxError:無効または予期しないトークン@import

分類Dev

phpajaxの無効または予期しないトークン

分類Dev

React-予期しないトークン、予期された;

分類Dev

React Native:予期しないトークンの変換エラー(

分類Dev

構文エラー予期しないトークン、React Native

分類Dev

react-native:解析エラー:予期しないトークン<

分類Dev

式またはステートメントに予期しないトークンが含まれています

分類Dev

式またはステートメントに予期しないトークンが含まれています

分類Dev

React Native:位置0のJSONの予期しないトークン

分類Dev

React Native 23.1の予期しないトークン(14:6)

分類Dev

React Native fetch、予期しないトークン

分類Dev

SyntaxError: 予期しないトークン react-native init

分類Dev

React Native with Redux - 予期しないトークン

Related 関連記事

  1. 1

    Jestはtypescriptで予期しないトークンに遭遇しました

  2. 2

    Jestが予期しないトークンReactに遭遇しました

  3. 3

    Reactアプリ:Jestが予期しないトークンに遭遇しました

  4. 4

    Jestが予期しないトークンに遭遇しました(React、Typescript、Babel、Jest、Webpackのセットアップ)

  5. 5

    Jestが予期しないトークンReactJSに遭遇しました

  6. 6

    React-native-modal-TransformIgnorePatternsを使用したJestでの予期しないトークン

  7. 7

    React TypeScriptを使用しているときに、Jestが予期しないトークンを検出しました

  8. 8

    React TypeScriptを使用しているときに、Jestが予期しないトークンを検出しました

  9. 9

    React Native:予期しないトークン

  10. 10

    予期しないテキストに遭遇した場合にスローする例外は何ですか?

  11. 11

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

  12. 12

    Kantuif条件で無効または予期しないトークン

  13. 13

    React Native:予期しないトークン、予期される "、"

  14. 14

    Jestを使用したVueのテストに失敗し、Jestで予期しないトークンが発生しました。SyntaxError:予期しないトークンのインポート

  15. 15

    react-native run-androidの実行中にエラーが発生しました:build.gradleに予期しないトークンがあります

  16. 16

    モジュール解析に失敗しました:Reactコンポーネントレンダリングで予期しないトークン

  17. 17

    SyntaxError:無効または予期しないトークン@import

  18. 18

    phpajaxの無効または予期しないトークン

  19. 19

    React-予期しないトークン、予期された;

  20. 20

    React Native:予期しないトークンの変換エラー(

  21. 21

    構文エラー予期しないトークン、React Native

  22. 22

    react-native:解析エラー:予期しないトークン<

  23. 23

    式またはステートメントに予期しないトークンが含まれています

  24. 24

    式またはステートメントに予期しないトークンが含まれています

  25. 25

    React Native:位置0のJSONの予期しないトークン

  26. 26

    React Native 23.1の予期しないトークン(14:6)

  27. 27

    React Native fetch、予期しないトークン

  28. 28

    SyntaxError: 予期しないトークン react-native init

  29. 29

    React Native with Redux - 予期しないトークン

ホットタグ

アーカイブ