Как устранить ошибку при запуске с реактивным запуском

Question

Как устранить ошибку при запуске с реактивным запуском

Я только что установил node.js и cli
- установлен node.js
- установлен react-native-cli
```
npm -g react-native-cli
```
И создал "новый проект".
```
react-native init new_project
```
и внутри этого каталога 'new_project' я устал проверять, хорошо ли работает сборщик метро.
```
react-native start
```
Но команда выдала мне следующую ошибку, и метро не запускается. Есть ключ к исправлению этой ошибки? (Я использую ОС Windows 10.)
- команда: C:\projects\new_proj>react-native start
  error Недопустимое регулярное выражение: /(.\fixtures.|node_modules[ptingreact[ptingdist[]].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: Неопределенный класс символов. Для получения более подробной информации запустите CLI с флагом --verbose. SyntaxError: Недопустимое регулярное выражение: /(.\fixtures.|node_modules следующим образом: /(.\fixtures.|node_modules[ократичесчеткорекурсивизинфизуцифекту.|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: незавершенный класс символов в новом RegExp () в черном списке (D:\projects\new_proj\node_modules\metro-config\src\defaults\blacklist.js:34:10) в getBlacklistRE (D:\projects\new_proj\node_modules\react-native\node_modules@react-native-community\cli\build\tools\loadMetroConfig.js:69:59) в getDefaultConfig (D:\projects\new_proj\node_modules\response-native\node_modules@react-native-community\cli\build\tools\loadMetroConfig.js:85:20) при нагрузке (D:\ projects \ new_proj \ node_modules \ react-native \ node_modules @ response-native-community\cli\build\tools\loadMetroConfig.js:121:25) в Object.runServer [as func] (D:\projects\new_proj\node_modules\response-native \ node_modules @ response-native-community\cli\build\commands\server\runServer.js:82:58) в Command.handleAction (D:\projects\new_proj\node_modules\react-native\node_modules@response -native-community\cli\build\cliEntry.js:160:21) в Command.listener (D:\projects\new_proj\node_modules\commander\index.js:315:8) в Command.emit (events.js:210:5) в Command.parseArgs (D:\projects\new_proj\node_modules\commander\index.js:651:12)58) в Command.handleAction (D:\projects\new_proj\node_modules\react-native\node_modules@response-native-community\cli\build\cliEntry.js:160:21) в Command.listener (D:\projects\new_proj\node_modules\commander\index.js:315:8) в Command.emit (events.js:210:5) в Command.parseArgs (D:\projects\new_proj\node_modules\commander\index.js:651:12)58) в Command.handleAction (D:\projects\new_proj\node_modules\react-native\node_modules@response-native-community\cli\build\cliEntry.js:160:21) в Command.listener (D:\projects\new_proj\node_modules\commander\index.js:315:8) в Command.emit (events.js:210:5) в Command.parseArgs (D:\projects\new_proj\node_modules\commander\index.js:651:12)

179

reactjs react-native react-native-android metro-bundler react-native-cli

Источник

user11976266 26 сен '19 в 19:20

25 ответов

Другие вопросы по тегам reactjs react-native react-native-android metro-bundler react-native-cli

user12126841 26 сен '19 в 21:32 2019-09-26 21:32 · Answer 1 · 2019-09-26 21:32

У меня сегодня впервые возникла подобная ошибка. Он появляется в\node_modules\metro-config\src\defaults\blacklist.js, существует недопустимое регулярное выражение, которое необходимо изменить. Я изменил первое выражение подsharedBlacklist от:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

кому:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

user2667267 02 окт '19 в 13:39 2019-10-02 13:39 · Answer 2 · 2019-10-02 13:39

Это вызвано узлом v12.11.0 из-за того, что он имеет регулярное местоположение, есть два способа решить эту проблему.

Метод I

Вы можете перейти на ноду v12.10.0, это применит правильный способ борьбы с ошибкой синтаксического анализа.

Метод II

Вы можете правильно завершить регулярное выражение в вашем случае, изменив файл, расположенный по адресу:

\node_modules\metro-config\src\defaults\blacklist.js

От:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

Кому:

 var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

user7103882 25 дек '20 в 16:56 2020-12-25 16:56 · Answer 3 · 2020-12-25 16:56

Это связано с несоответствием конфигурации файла черного списка.

Чтобы решить эту проблему,

Нам нужно перейти в папку проекта.
Открыть \node_modules\metro-config\src\defaults\blacklist.js
Замените следующее.

Из

      var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

К

      var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

user3739382 11 ноя '19 в 12:26 2019-11-11 12:26 · Answer 4 · 2019-11-11 12:26

[Быстрый ответ]

Есть проблема с Metro, использующим некоторые версии NPM и Node.

Вы можете решить проблему, изменив код в файле \node_modules\metro-config\src\defaults\blacklist.js.

Найдите эту переменную:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

и измените на это:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

Обратите внимание, что если вы запускаете npm install или yarn install, вам нужно снова изменить код.

user2385767 27 дек '19 в 12:53 2019-12-27 12:53 · Answer 5 · 2019-12-27 12:53

У вас есть два решения:

либо вы понижаете версию узла до V12.10.0, либо можете изменять этот файл для каждого создаваемого проекта.

node_modules / metro-config / src / defaults / blacklist.js Измените это:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

к этому:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

user1055241 16 май '20 в 02:21 2020-05-16 02:21 · Answer 6 · 2020-05-16 02:21

В моем проекте нет metro-config, что теперь?

Я обнаружил, что в довольно старом проекте нет metro-config в node_modules. Если это так, то

Перейдите в node_modules/metro-bundler/src/blacklist.js

И сделайте тот же шаг, что и в других ответах, т.е.

Заменить

var sharedBlacklist = [
    /node_modules[/\\]react[/\\]dist[/\\].*/,
    /website\/node_modules\/.*/,
    /heapCapture\/bundle\.js/,
    /.*\/__tests__\/.*/
];

с

var sharedBlacklist = [
    /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
    /website\/node_modules\/.*/,
    /heapCapture\/bundle\.js/,
    /.*\/__tests__\/.*/
];

PS Я столкнулся с такой же ситуацией в паре проектов, поэтому подумал, что поделиться ею может кому-то помочь.

редактировать

Согласно комментарию @beltrone файл также может существовать,

node_modules \ метро \ SRC \blacklist.js

user11426829 22 июл '20 в 08:15 2020-07-22 08:15 · Answer 7 · 2020-07-22 08:15

У меня такая же проблема.

"ошибка Недопустимое регулярное выражение: / (.\fixtures\.| node_modules [\] react [\] dist [\].| website \ node_modules \.| heapCapture \ bundle.js |.\tests\.) $ /: Unterminated класс персонажа ".

Измените регулярное выражение в \node_modules\metro-config\src\defaults\blacklist.js

Из

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

Чтобы

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

Это изменение устранило мою ошибку.

user12335726 07 ноя '19 в 11:39 2019-11-07 11:39 · Answer 8 · 2019-11-07 11:39

У меня была та же проблема, что я изменил E:\NodeJS\ReactNativeApp\ExpoTest\node_modules\metro-config\src\defaults\blacklist.js в моем проекте

от

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
 /heapCapture\/bundle\.js/,
 /.*\/__tests__\/.*/
];

к

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

это отлично сработало для меня

user4119452 22 май '20 в 22:57 2020-05-22 22:57 · Answer 9 · 2020-05-22 22:57

Решение простое, но временное...

Обратите внимание, что если вы запустите npm install или yarn install вам нужно снова сменить код!

Итак, как мы можем запустить это автоматически?

Постоянное решение

Чтобы сделать это "автоматически" после установки модулей узла, вы можете использовать patch-package.

Исправить metro-config файл, устраняющий ошибку:

Файл появится в \node_modules\metro-config\src\defaults\blacklist.js.

Редактировать с:

var sharedBlacklist = [
  /node_modules[/\\]react[/\\]dist[/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

Кому:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

Затем создайте постоянный файл исправления:

npx patch-packagemetro-config

В твоем package.json запустить патч:

"scripts": {
+  "postinstall": "npx patch-package"
}

Все сделано! Теперь этот патч будет выпускаться каждыйnpm install / yarn install.

Спасибо https://github.com/ds300/patch-package

user1405518 30 окт '19 в 07:31 2019-10-30 07:31 · Answer 10 · 2019-10-30 07:31

В метро репозиторий слили PR с исправлением. Теперь нам просто нужно дождаться следующего релиза. На данный момент лучший вариант - перейти на NodeJS. v12.10.0. Как Brandon Gohsman, изменяя что-либо вnode_modules/ это действительно плохая практика и не будет окончательным решением.

7

Источник

user1405518 30 окт '19 в 07:31

user4563339 24 дек '19 в 18:52 2019-12-24 18:52 · Answer 11 · 2019-12-24 18:52

https://github.com/facebook/metro/issues/453

для тех, кто все еще получает эту ошибку без официального патча в react-native, expo

используйте пряжу и добавьте этот параметр в package.json

{
  ...
  "resolutions": {
    "metro-config": "bluelovers/metro-config-hotfix-0.56.x"
  },
 ...

6

Источник

user4563339 24 дек '19 в 18:52

user7872227 10 дек '19 в 09:46 2019-12-10 09:46 · Answer 12 · 2019-12-10 09:46

Перейти к

\node_modules\metro-config\src\defaults\blacklist.js

и замените это

var sharedBlacklist = [
/node_modules[/\\]react[/\\]dist[/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];

к

var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];

Это не лучшая практика, и я рекомендую: понизить версию узла до 12.9 ИЛИ обновить конфигурацию metro-config, поскольку они решают проблему с узлом.

user9535290 05 ноя '19 в 23:19 2019-11-05 23:19 · Answer 13 · 2019-11-05 23:19

Ты можешь пойти в...

\ node_modules \ metro-config \ src \ defaults \ blacklist.js и измените...

var sharedBlacklist = [   /node_modules[/\\]react[/\\]dist[/\\].*/,  
/website\/node_modules\/.*/,   /heapCapture\/bundle\.js/,  
/.*\/__tests__\/.*/ ];

для этого:

var sharedBlacklist = [
  /node_modules[\/\\]react[\/\\]dist[\/\\].*/,
  /website\/node_modules\/.*/,
  /heapCapture\/bundle\.js/,
  /.*\/__tests__\/.*/
];

3

Источник

user9535290 05 ноя '19 в 23:19

user806911 01 апр '20 в 13:34 2020-04-01 13:34 · Answer 14 · 2020-04-01 13:34

I have just update package.json to change from

"react-native": "https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz"

to

"react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz"

It seems that the problem won't occur in sdk-36!!

My node version is v12.16.0 and os is win10.

3

Источник

user806911 01 апр '20 в 13:34

user4649778 28 ноя '21 в 23:50 2021-11-28 23:50 · Answer 15 · 2021-11-28 23:50

Сегодня была такая же проблема с проектом, который был построен на старой версии узла, я только что установил узел v12.9.0и проблема была решена. я использую nvmчтобы легко понизить версию узла.

2

Источник

user4649778 28 ноя '21 в 23:50

user6152462 07 ноя '19 в 16:24 2019-11-07 16:24 · Answer 16 · 2019-11-07 16:24

Исправьте это, установив metro-config последней версии (на данный момент 0.57.0), они устранили проблему:

npm установить metro-config

вы можете удалить его позже, после того, как ребята обновят версии модулей.

1

Источник

user6152462 07 ноя '19 в 16:24

user12273899 25 окт '19 в 15:25 2019-10-25 15:25 · Answer 17 · 2019-10-25 15:25

Как правило, я не изменяю файлы внутри node_modules/(или что-либо, что не фиксируется как часть репозитория), поскольку следующая очистка, сборка или обновление их регрессируют. Я определенно делал это в прошлом, и это пару раз укусило меня. Но это действительно работает как краткосрочное / локальное исправление разработчика до тех пор, пока / если metro-config обновлено.

Спасибо!

user718413 21 мар '21 в 07:26 2021-03-21 07:26 · Answer 18 · 2021-03-21 07:26

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

Неудивительно, что package.json просто нужно было получить несколько обновленных версий зависимостей, поэтому я нажал cli, перешел в каталог проекта, где находился package.json, и эти строки выполнили свою работу:

npm install -g npm-check-updates
ncu -u
npm install

Первая строка глобально устанавливает инструмент, который просто перечисляет все (dev-) зависимости, предоставляемые package.json, которые вы можете обновить. Вторая команда автоматически адаптирует номера версий в package.json. Последняя строка переустанавливает модули node - также можно использовать «yarn» вместо «npm install».

Теперь react-native работает должным образом.

user3571619 07 сен '20 в 08:32 2020-09-07 08:32 · Answer 19 · 2020-09-07 08:32

Все упомянутые выше комментарии великолепны, они разделяют путь, который работал со мной для этого файла черного списка, который необходимо отредактировать:

"Название вашего проекта \node_modules\metro-bundler\src" Имя файла "blacklist.js"

1

Источник

user3571619 07 сен '20 в 08:32

user11484914 05 дек '21 в 23:12 2021-12-05 23:12 · Answer 20 · 2021-12-05 23:12

Ну, вот мое решение

бежать: npm update --filter

Эта команда обновит все необходимые зависимости, чтобы ваше родное приложение работало.

1

Источник

user11484914 05 дек '21 в 23:12

user2004481 07 июл '23 в 20:34 2023-07-07 20:34 · Answer 21 · 2023-07-07 20:34

Иногда такие проблемы могут возникать из-за нарушенных зависимостей. Там это можно решить обновлением пакетов.

      npx npm-check-updates -u
npm i

1

Источник

user2004481 07 июл '23 в 20:34

user12337634 02 июл '23 в 07:03 2023-07-02 07:03 · Answer 22 · 2023-07-02 07:03

шаг 1. node_modules/metro/src/blacklist.js шаг 2. заменить код

      var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];

1

Источник

user12337634 02 июл '23 в 07:03

user2109620 12 дек '19 в 11:12 2019-12-12 11:12 · Answer 23 · 2019-12-12 11:12

Я обнаружил, что regexp.source изменен с node v12.11.0может быть новый v8двигатель вызвал. подробнее на https://github.com/nodejs/node/releases/tag/v12.11.0.

D:\code\react-native>nvm use 12.10.0
Now using node v12.10.0 (64-bit)

D:\code\react-native>node
Welcome to Node.js v12.10.0.
Type ".help" for more information.
> /node_modules[/\\]react[/\\]dist[/\\].*/.source
'node_modules[\\/\\\\]react[\\/\\\\]dist[\\/\\\\].*'
> /node_modules[/\\]react[/\\]dist[/\\].*/.source.replace(/\//g, path.sep)
'node_modules[\\\\\\\\]react[\\\\\\\\]dist[\\\\\\\\].*'
>
(To exit, press ^C again or ^D or type .exit)
>

D:\code\react-native>nvm use 12.11.0
Now using node v12.11.0 (64-bit)

D:\code\react-native>node
Welcome to Node.js v12.11.0.
Type ".help" for more information.
> /node_modules[/\\]react[/\\]dist[/\\].*/.source
'node_modules[/\\\\]react[/\\\\]dist[/\\\\].*'
> /node_modules[/\\]react[/\\]dist[/\\].*/.source.replace(/\//g, path.sep)
'node_modules[\\\\\\]react[\\\\\\]dist[\\\\\\].*'
>
(To exit, press ^C again or ^D or type .exit)
>

D:\code\react-native>nvm use 12.13.0
Now using node v12.13.0 (64-bit)

D:\code\react-native>node
Welcome to Node.js v12.13.0.
Type ".help" for more information.
> /node_modules[/\\]react[/\\]dist[/\\].*/.source
'node_modules[/\\\\]react[/\\\\]dist[/\\\\].*'
> /node_modules[/\\]react[/\\]dist[/\\].*/.source.replace(/\//g, path.sep)
'node_modules[\\\\\\]react[\\\\\\]dist[\\\\\\].*'
>
(To exit, press ^C again or ^D or type .exit)
>

D:\code\react-native>nvm use 13.3.0
Now using node v13.3.0 (64-bit)

D:\code\react-native>node
Welcome to Node.js v13.3.0.
Type ".help" for more information.
> /node_modules[/\\]react[/\\]dist[/\\].*/.source
'node_modules[/\\\\]react[/\\\\]dist[/\\\\].*'
> /node_modules[/\\]react[/\\]dist[/\\].*/.source.replace(/\//g, path.sep)
'node_modules[\\\\\\]react[\\\\\\]dist[\\\\\\].*'
>

user2008399 20 янв '20 в 04:37 2020-01-20 04:37 · Answer 24 · 2020-01-20 04:37

В Windows 10 я настоятельно рекомендую установить Linux Bash Shell.

Вот хорошее руководство по его настройке:https://www.howtogeek.com/249966/how-to-install-and-use-the-linux-bash-shell-on-windows-10/

просто следуйте инструкциям, выберите свой дистрибутив Linux и максимально избегайте работы с node на cmd из-за очевидной нестабильности.

Примите во внимание, что Microsoft настоятельно рекомендует не добавлять или изменять файлы Linux с помощью программного обеспечения Windows, как описано здесь:https://www.howtogeek.com/261383/how-to-access-your-ubuntu-bash-files-in-windows-and-your-windows-system-drive-in-bash/

Надеюсь, это поможет!

user10767143 17 дек '19 в 15:07 2019-12-17 15:07 · Answer 25 · 2019-12-17 15:07

Использование пряжи предотвращает эту ситуацию. Пряжу следует использовать

0

Источник

user10767143 17 дек '19 в 15:07