Создание приложения React с извлечением с использованием компонента из репозитория подмодулей: сбой теста Jest.(Ошибка синтаксиса: неожиданный токен «экспорт»)

#reactjs #testing #jestjs

#reactjs #тестирование #jestjs

Вопрос:

Я использую приложение Create React, которое извлекается. Я включил свой репозиторий компонентов в качестве подмодуля git. Мое приложение отлично работает на локальном и способно успешно генерировать производственную сборку. Но когда я запускаю тест Jest. Я получаю эту ошибку. код в репозитории подмодулей не переносится. и получение этой ошибки.

 `import { STToastContainer } from 'design/atoms/Toast';`
  

Я упаковываю файл.json, это моя настройка jest

 "jest": {
    "collectCoverageFrom": [
      "src/**/*.{js,jsx,ts,tsx}",
      "!src/**/*.d.ts"
    ],
    "resolver": "jest-pnp-resolver",
    "setupFiles": [
      "react-app-polyfill/jsdom"
    ],
    "setupFilesAfterEnv": [
      "<rootDir>/src/setupTests.js"
    ],
    "testMatch": [
    "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
    "<rootDir>/src/**/?(*.)(spec|test).{js,jsx,ts,tsx}",
    "<rootDir>/src/*.{js,jsx,ts,tsx}"
    ],
    "testEnvironment": "jsdom",
    "testURL": "http://localhost",
    "transform": {
      "^. \.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
      "^. \.css$": "<rootDir>/config/jest/cssTransform.js",
      "^(?!.*\.(js|jsx|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
    },
    "transformIgnorePatterns": [
      "[/\\]node_modules[/\\]. \.(js|jsx|ts|tsx)$",
      "^. \.module\.(css|sass|scss)$"
    ],
    "moduleNameMapper": {
      "^react-native$": "react-native-web",
      "^. \.module\.(css|sass|scss)$": "identity-obj-proxy",
      "^util/(.*)$": "<rootDir>/src/util/$1",
      "^tests/*/*(.*)$": "<rootDir>/src/tests/$1",
      "^modules/*/*(.*)$": "<rootDir>/src/modules/$1",
      "^auth(.*)$": "<rootDir>/src/auth$1",
      "^store(.*)$": "<rootDir>/src/store$1",
      "^shared/*/*(.*)$": "<rootDir>/src/shared/$1"
    },
    "moduleFileExtensions": [
      "web.js",
      "js",
      "web.ts",
      "ts",
      "web.tsx",
      "tsx",
      "json",
      "web.jsx",
      "jsx",
      "node"
    ]
  },
  

мой babel.config.js

  module.exports = {
  presets: [["react-app",  { flow: false, typescript: true }]]
};
  

Я использую псевдоним для репозитория подмодулей

     "_moduleAliases": {
    "design": "sastaticket-dsm/src"
  },