首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在更新到26.x后,jest配置正在抛出"type ErrorHandler = (error: mixed,isFatal: boolean) => void“

在更新到26.x后,jest配置正在抛出"type ErrorHandler = (error: mixed,isFatal: boolean) => void“
EN

Stack Overflow用户
提问于 2021-03-16 09:29:51
回答 3查看 11.5K关注 0票数 31

我不知道这为什么突然失效了,但这是我的jest.config.js:

代码语言:javascript
运行
复制
module.exports = {
  preset: 'react-native',
  verbose: true,
  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
  setupFiles: ['./jestSetup.js'],
  transformIgnorePatterns: [
    'node_modules/(?!(jest-)?react-native|@react-native-community|@react-navigation)',
  ],
  moduleNameMapper: {
    '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
  },
};

我的jestSetup.js:

代码语言:javascript
运行
复制
import 'react-native-gesture-handler/jestSetup';
import '@testing-library/jest-native/extend-expect';
import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock';

beforeAll(() => {
  //@ts-ignore
  global.__reanimatedWorkletInit = jest.fn();
});

jest.mock('react-native-share', () => ({
  default: jest.fn(),
}));

jest.mock('@react-native-async-storage/async-storage', () => mockAsyncStorage);

jest.mock('react-native-reanimated', () => {
  const Reanimated = require('react-native-reanimated/mock');

  Reanimated.default.call = () => {};

  Reanimated.useSharedValue = jest.fn;
  Reanimated.useAnimatedStyle = jest.fn;
  return Reanimated;
});

jest.mock('react-native/Libraries/Animated/src/NativeAnimatedHelper');

jest.mock('react-native-gesture-handler', () =>
  jest.requireActual('../node_modules/react-native-gesture-handler/jestSetup')
);

jest.mock('react-native-intercom', () => {}, { virtual: true });

jest.mock('@react-native-async-storage/async-storage', () =>
  require('@react-native-async-storage/async-storage/jest/async-storage-mock')
);

jest.mock('react-native-geolocation-service', () => ({
  addListener: jest.fn(),
  getCurrentPosition: jest.fn(),
  removeListeners: jest.fn(),
  requestAuthorization: jest.fn(),
  setConfiguration: jest.fn(),
  startObserving: jest.fn(),
  stopObserving: jest.fn(),
}));

export const mockedNavigate = jest.fn();

jest.mock('@react-navigation/native', () => ({
  ...jest.requireActual('@react-navigation/native'),
  useNavigation: () => ({
    navigate: mockedNavigate,
    goBack: jest.fn(),
  }),
  useRoute: () => ({
    params: {
      publicToken: 'testToken',
    },
  }),
}));

jest.mock('react-native-safe-area-context', () => {
  const React = require('react');
  class MockSafeAreaProvider extends React.Component {
    render() {
      const { children } = this.props;
      return React.createElement('SafeAreaProvider', this.props, children);
    }
  }
  return {
    useSafeAreaInsets: () => ({ top: 1, right: 2, bottom: 3, left: 4 }),
    SafeAreaProvider: MockSafeAreaProvider,
  };
});

我的babel.config.js:

代码语言:javascript
运行
复制
module.exports = {
  presets: [
    'module:metro-react-native-babel-preset',
    ['@babel/preset-env', { targets: { node: 'current' } }],
    '@babel/preset-typescript',
  ],
  plugins: [
    'react-native-reanimated/plugin',
    ['relay', { artifactDirectory: './src/__generated__' }],
    [
      'transform-es2015-modules-commonjs',
      {
        allowTopLevelThis: true,
      },
    ],
  ],
};

我已经正确地查看了这些文档,并且无法确定这是如何突然失败的,下面是完整的错误消息:

代码语言:javascript
运行
复制
node_modules/@react-native/polyfills/error-guard.js:14
    type ErrorHandler = (error: mixed, isFatal: boolean) => void;
         ^^^^^^^^^^^^

    SyntaxError: Unexpected identifier

      at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1350:14)
      at Object.<anonymous> (node_modules/react-native/jest/setup.js:453:6)
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2021-03-16 23:09:12

解决方案找到了here。将@react-native添加到Jest配置中。例如:

代码语言:javascript
运行
复制
transformIgnorePatterns: [
  'node_modules/(?!@react-native|react-native)'
],
票数 57
EN

Stack Overflow用户

发布于 2022-01-12 22:05:03

与我为这个问题找到的其他解决方案相比,在正则表达式中的?之后,我需要一个额外的@。具体来说,这就是我需要添加到Jest配置中的内容:

代码语言:javascript
运行
复制
transformIgnorePatterns: [
  'node_modules/(?!(jest-)?@?react-native|@react-native-community|@react-navigation)'
],

灵感来源:https://github.com/callstack/react-native-testing-library/issues/703

票数 6
EN

Stack Overflow用户

发布于 2022-05-30 09:54:58

对我起作用的是把jest软件包的评级从28.0.2降到27.5.1

jest套餐意味着:

  • jest
  • jest-cli
  • jest-circus
  • jest-environment-node
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66652403

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档