Jest работает с просмотром прокрутки с обратной навигацией, SyntaxError: неожиданный импорт токенов - PullRequest
Новая
       23

Jest работает с просмотром прокрутки с обратной навигацией, SyntaxError: неожиданный импорт токенов

0 голосов
/ 04 декабря 2018

Когда jest настроен с помощью "babel-jest": "^ 23.6.0", он не работает.Я получаю Неожиданный импорт токена, когда использую ScrollView из реагирующей навигации.Прошли все решения для открытой проблемы, связанной с неожиданным импортом токенов.

Package.json 

{
  "name": "BitRiseSetup",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.6.1",
    "react-native": "0.57.7",
    "react-navigation": "^3.0.4"
  },
  "devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "babel-core": "^7.0.0-bridge.0",
    "babel-jest": "^23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.50.0",
    "react-test-renderer": "16.6.1",
    "regenerator-runtime": "^0.13.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

babel.config.js 

module.exports = {
  presets: ["module:metro-react-native-babel-preset"]
};

Выход 

/Users/vivekkumar/Desktop/myProjects/BitRiseSetup/node_modules/@react-navigation/native/dist/Scrollables.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import React from 'react';
                                                                                             ^^^^^^

    SyntaxError: Unexpected token import

       7 |     return (
       8 |       <SafeAreaView>
    >  9 |         <ScrollView />
         |          ^
      10 |       </SafeAreaView>
      11 |     );
      12 |   }

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
      at Object.get ScrollView [as ScrollView] (node_modules/@react-navigation/native/dist/index.js:29:12)
      at Object.get ScrollView [as ScrollView] (node_modules/react-navigation/src/react-navigation.js:21:47)
      at Hello.render (Hello.js:9:10)
      at finishClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6625:31)
      at updateClassComponent (node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6588:10)

  console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:8060
    The above error occurred in the <Hello> component:
        in Hello

1 Ответ

0 голосов
/ 04 декабря 2018

Убедитесь, что вы добавили ScrollView в элементы React-Native 

import {
  Image,
  Alert,
  .
  .
  .
  ScrollView,
} from 'react-native';

Тогда вы не можете напрямую закрыть тег , потому что это представление, куда уходит весь контент, и вы должныдобавить содержимое в начальный и конечный тег ScrollView

* Обновлено

Вы можете использовать его следующим образом 

<ScrollView contentInsetAdjustmentBehavior="automatic">
  <SafeAreaView>
        {/* long content here */}
  </SafeAreaView>
</ScrollView>

Это не даст вамсинтаксическая ошибка

...