时间戳

首页 > 解决方案 > Jest TransformIgnorePatterns 所有 node_modules 用于 React-Native Preset

react-native - Jest TransformIgnorePatterns 所有 node_modules 用于 React-Native Preset

问题描述

我是开玩笑的新手，

在我的项目的 package.json 中设置 jest 配置后，

包.json

"jest": {
    "preset": "react-native",
    "verbose": true,
    "moduleDirectories": ["node_modules", "src"],
    "transformIgnorePatterns": ["node_modules/(?!(react-native-cookies)/)"]
  },

我已经尝试过忽略所有节点模块：-

"transformIgnorePatterns": ["node_modules"]

但对我不起作用

和.babelrc

{
  "presets": ["react-native"]
}

我的 LoginScreen-Test.js 代码：-

测试用例

import 'react-native';
import React from 'react';
import LoginScreen from '../src/components/LoginScreen';
import renderer from 'react-test-renderer';

it('renders correctly', () => {
  const hello = renderer.create(<LoginScreen/>).toJSON();
  expect(hello).toMatchSnapshot();
});

我开始运行 --> npm test 或 npm test -- -u

它向我反映了以下错误：-

终端输出

FAIL 测试/LoginScreen-test.js ● 测试套件未能运行

/Users/Documents/Projects/node_modules/react-native/Libraries/Utilities/Platform.ios.js:31
  get isTesting(): boolean {
                 ^

SyntaxError: Unexpected token :

  at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:316:17)
  at Object.get Platform [as Platform] (node_modules/react-native/Libraries/react-native/react-native-implementation.js:111:27)
  at Object.<anonymous> (node_modules/react-native-cookies/index.js:9:17)

我想通过 TransformIgnorePattern 忽略所有节点模块，但似乎它不适用于我的 React-Native Preset，..

寻找有用的答案...

标签： react-nativejestjs

解决方案

此错误表明“react-native”尚未转换： react-native/Libraries/Utilities/Platform.ios.js:31

"transformIgnorePatterns": ["node_modules"]不起作用，因为它几乎是默认行为。

您是否尝试过使用官方推荐配置？对于您的项目，它应该看起来像这样：

"transformIgnorePatterns": [ "node_modules/(?!(react-native|react-native-cookies)/)" ]

这?!很重要，因为它意味着忽略 node_modules 中的所有内容，除了react-nativeand react-native-cookies。

推荐阅读