1. Acabei de instalar node.js e cli

   • node.js instalado

   • instalado reac-nativo-cli

     npm -g react-native-cli

2. E criou um 'novo projeto'.

   react-native init new_project

3. e dentro desse diretório 'new_project', cansei de ver se o metro bundler funciona bem.

   react-native start

4. Mas o comando me deu o seguinte erro e o metro não está iniciando. Alguma pista para corrigir esse erro? (Estou usando o sistema operacional Windows 10).

   • comando: C:\projects\new_proj>react-native start

     erro Expressão regular inválida: /(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: Classe de caractere não terminada. Execute a CLI com o sinalizador --verbose para obter mais detalhes. SyntaxError: Expressão regular inválida: /(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: Classe de caractere sem terminação no novo RegExp ( ) na lista negra (D: \ projects \ new_proj \ node_modules \ metro-config \ src \ defaults \ blacklist.js: 34: 10) em getBlacklistRE (D: \ projects \ new_proj \ node_modules \ react-native \ node_modules @ react-native -community \ cli \ build \ tools \ loadMetroConfig.js: 69: 59) em getDefaultConfig (D: \ projects \ new_proj \ node_modules \ react-native \ node_modules @ react-native-community \ cli \ build \ tools \ loadMetroConfig.js : 85: 20) na carga (D:

Acabei de receber um erro semelhante pela primeira vez hoje. Aparece em \node_modules\metro-config\src\defaults\blacklist.js, há uma expressão regular inválida que precisava ser alterada. Mudei a primeira expressão em sharedBlacklistde:

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

para:

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

Isso é causado pelo nó v12.11.0 devido à forma como ele trata a localização regular, há duas maneiras de resolver este problema

Método I

Você pode fazer o downgrade para o nó v12.10.0 que aplicará a maneira correta de lidar com o erro de análise

Método II

Você pode encerrar corretamente a expressão regular em seu caso, alterando o arquivo localizado a:

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

De:

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

Para:

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

[Resposta rápida]

Há um problema com o Metro ao usar algumas versões de NPM e Node.

Você pode corrigir o problema alterando algum código no arquivo \node_modules\metro-config\src\defaults\blacklist.js.

Pesquise esta variável:

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

e mude para isto:

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

Observe que se você executar uma instalação npm ou yarn, será necessário alterar o código novamente.

Você tem duas soluções:

Você faz o downgrade do nó para V12.10.0 ou pode modificar este arquivo para cada projeto que criar.

node_modules / metro-config / src / defaults / blacklist.js Altere isso:

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

para isso:

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

Tive o mesmo problema, alterei E: \ NodeJS \ ReactNativeApp \ ExpoTest \ node_modules \ metro-config \ src \ defaults \ blacklist.js no meu projeto

de

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

para

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

Isso funcionou perfeitamente para mim

Um PR com uma correção foi mesclado no repositório metro . Agora só precisamos esperar até o próximo lançamento. Por enquanto, a melhor opção é fazer o downgrade para o NodeJS v12.10.0. Como Brandon apontou, modificar qualquer coisa node_modules/é uma prática muito ruim e não será a solução final.

Não tenho metro-config no meu projeto, e agora?

Eu descobri que no projeto muito mais velho não existe metro-configno node_modules. Se for o seu caso, então,

Acesse node_modules / metro-bundler / src / blacklist.js

E faça a mesma etapa mencionada em outras respostas, ou seja,

Substituir

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

com

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

PS Eu enfrentei a mesma situação em alguns projetos, então pensei que compartilhar isso poderia ajudar alguém.

Editar

De acordo com o comentário de @beltrone, o arquivo também pode existir em,

node_modules \ metro \ src \ blacklist.js

Eu tenho o mesmo problema.

"erro Expressão regular inválida: / (. \ fixtures \. | node_modules [\] react [\] dist [\]. | website \ node_modules \. | heapCapture \ bundle.js |. \ tests \. ) $ /: Não terminado classe de personagem. "

Altere a expressão regular em \node_modules\metro-config\src\defaults\blacklist.js

De

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

Para

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

Essa mudança resolveu meu erro.

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

para quem ainda recebe este erro sem patch oficial no react-native, expo

use yarn e adicione esta configuração em package.json

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

Vamos para

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

e substitua isso

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

para

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

Esta não é uma prática recomendada e minha recomendação é: fazer downgrade da versão do nó para 12.9 OU atualizar o metro-config, pois eles estão corrigindo o problema do Node.

Você pode ir para...

\ node_modules \ metro-config \ src \ defaults \ blacklist.js e mudança ...

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

por esta:

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

Como regra geral, eu não modifico os arquivos dentro node_modules/(ou qualquer coisa que não seja confirmada como parte de um repositório), pois a próxima limpeza, construção ou atualização irá regredi-los. Eu definitivamente já fiz isso no passado e isso me mordeu algumas vezes. Mas isso funciona como uma correção de desenvolvimento local / de curto prazo até / a menos que metro-configseja atualizado.

Obrigado!

Descobri que regexp.source mudou de node v12.11.0, talvez o novo v8mecanismo tenha causado. veja mais em 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[\\\\\\].*'
>

Corrija isso instalando o metro-config da versão mais recente (0.57.0 por enquanto). Eles corrigiram o problema:

npm install metro-config

você pode removê-lo mais tarde, após atualizar as versões do módulo de atualização

O uso de fio evita essa situação. Fios devem usar

No Windows 10, eu recomendo fortemente instalar o Linux Bash Shell.

Aqui está um bom guia para configurá-lo: https://www.howtogeek.com/249966/how-to-install-and-use-the-linux-bash-shell-on-windows-10/

basta seguir os passos, escolher sua distribuição linux e evitar o máximo possível trabalhar com node no cmd devido à óbvia instabilidade.

Leve em consideração que a Microsoft alerta fortemente contra adicionar ou modificar arquivos Linux com software Windows, conforme descrito aqui: howtogeek.com/261383/how-to-access-your-ubuntu-bash-files-in-windows-and-your-windows- system-drive-in-bash /

Espero que ajude!

Acabei de atualizar o package.json para mudar de

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

para

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

Parece que o problema não ocorrerá no sdk-36 !!

Minha versão do nó é v12.16.0 e os é win10 .

A solução é simples, mas temporária ...

Observe que se você executar um npm installou um, yarn installprecisará alterar o código novamente!

Então, como podemos executar isso automaticamente?

Solução permanente

Para fazer isso "automagicamente" após instalar seus módulos de nó, você pode usar patch-package.

1. Corrija o metro-configarquivo, resolvendo o erro:

O arquivo aparece em \node_modules\metro-config\src\defaults\blacklist.js.

Editar de:

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

Para:

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

2. Em seguida, gere um arquivo de patch permanente:

npx patch-package metro-config

3. Em seu package.jsongatilho, o patch:

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

Tudo feito! Agora este patch será feito em cada npm install/ yarn install.

Graças a https://github.com/ds300/patch-package