В шутке создания-реагирования-приложения обнаружен неожиданный токен {

Question

Я разрабатываю приложение React с QR-сканером в нем с create-react-app.
Я добавил модуль react-qr-reader, который в свою очередь использует модули webrtc-adapter.

Всё отлично работает, пока я не запусту yarn test. Тогда это показывает мне эту ошибку:

Я уже извлек проект, чтобы я мог использовать transformIgnorePatterns и добавил node_modules/webrtc-adapter в массив, но это все равно приводит к той же ошибке.

Может кто-нибудь помочь мне с этим?

Answer 1

Это из-за синтаксиса de ES6 в пакете в node_modules, вам необходимо настроить "transformIgnorePatterns" для преобразования этого пакета.

Проблема в Jest: https://github.com/facebook/jest/issues/2081

Какconfigure: http://facebook.github.io/jest/docs/tutorial-react-native.html#transformignorepatterns-customization

"transformIgnorePatterns": [
  "node_modules/(?!(react-qr-reader)/)"
]

, если это не работает, используйте babel.config.js с этой конфигурацией (важен файл ".js", эта конфигурация не работает в ".файл babelrc):

module.exports = {
  presets: [
    [
      "@babel/preset-env",
      {
        "modules": "commonjs",
        "debug": false
      }
    ],
    /// your presets
  ],
  plugins: [
    //... your plugins
  ]
};

Answer 2

Для справки, вышеупомянутое решение не работает для меня без этой небольшой модификации.

"transformIgnorePatterns": [
      "node_modules/react-qr-reader/"
    ],