Как остановить React Native Hot Reloading, когда в коде присутствуют синтаксические ошибки

вопрос

Используя стандартную конфигурацию init-native по умолчанию, я испытываю проблему, из-за которой входящая в комплект цепочка инструментов Watchman/Babel/Metro, по-видимому, отправляет код с тривиально обнаруживаемыми синтаксическими ошибками в нем через мост к симулятору, что, в свою очередь, приводит к сбою приложения.

Проблема в том, что:

1) Когда используется горячая (модульная) перезагрузка, эти сбои разрушают приложение и его горячую перезагрузку, так что единственный способ восстановить его - полная перезагрузка.

2) Для того, чтобы подсветка Flow работала; моей IDE (WebStorm) необходимо постепенно сохранять файлы при вводе кода, что означает, что он часто сохраняет частично и синтаксически неверный код, и это отправляется через мост, когда включена горячая перезагрузка.

результат

В настоящее время я не могу одновременно использовать "Горячую перезагрузку" и "Поток" для разработки приложений в WebStorm (возможно, в других IDE):-(

Помогите

Кто-нибудь знает способ остановить связывание и передачу неработающего кода, чтобы Flow и Hot Reloading могли использоваться вместе?

конфиг

Соответствующий package.json детали следующим образом:

"@babel/core": "^7.4.4"
"@babel/runtime": "^7.4.4"
"flow-bin": "^0.98.1"
"metro-react-native-babel-preset": "^0.54.0"

.watchmanconfig:

{}

babel.config.js

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

metro.config.js:

  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
};

0 ответов

Другие вопросы по тегам