1. Я только что установил node.js и cli

   • установлен node.js

   • установлен react-native-cli

     npm -g react-native-cli

2. И создал «новый проект».

   react-native init new_project

3. и внутри этого каталога 'new_project' я устал проверять, хорошо ли работает сборщик метро.

   react-native start

4. Но команда дала мне следующую ошибку, и метро не запускается. Есть ключ к исправлению этой ошибки? (Я использую ОС 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[ptingreact[ ]dist[]] .|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:

У меня сегодня впервые возникла подобная ошибка. Похоже \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__\/.*/
];

Это вызвано узлом 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__\/.*/
];

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

Есть проблема с 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, вам нужно снова изменить код.

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

либо вы понижаете версию узла до 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__\/.*/
];

У меня была та же проблема, что я изменил 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__\/.*/
];

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

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

Я обнаружил, что в довольно старом проекте нет metro-configin 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

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

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

"ошибка Недопустимое регулярное выражение: / (. \ 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__\/.*/
];

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

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

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

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

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

Перейти к

\ node_modules \ МЕТРО-конфигурации \ 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, поскольку они решают проблему с узлом.

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

\ 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__\/.*/
];

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

Спасибо!

Я обнаружил, что 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[\\\\\\].*'
>

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

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

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

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

В 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, как описано здесь: howtogeek.com/261383/how-to-access-your-ubuntu-bash-files-in-windows-and-your-windows- системный диск в баше /

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

Я только что обновил package.json, чтобы изменить его

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

к

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

Кажется, что в sdk-36 проблема не возникнет !!

Моя версия узла - v12.16.0, а ОС - win10 .

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

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

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

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

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

1. Исправляем 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__\/.*/
];

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

npx patch-package metro-config

3. В вашем package.jsonтриггере патч:

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

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

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