Reagir nativo - como inspecionar a IU / elementos?
instalei a ferramenta react dev. Mas não consigo vê-lo no meu navegador cromado quando lanço a minha aplicação no emulador.
Se vir este clipdo youtube , poderá ver a página react na lista e poderá inspeccionar a UI da sua aplicação.
Alguma ideia do porquê?Como posso inspeccionar os UI / elementos da aplicação se a ferramenta react dev não estiver a funcionar no meu cromo?
3 answers
Devtools "React" is currently not possible. Isto é devido a uma mudança na forma como os scripts da aplicação são avaliados no plugin devtools. Você pode ver mais em https://facebook.github.io/react-native/docs/known-issues.html#devtools-react-tab-does-not-work
No entanto, ainda pode depurar a sua IU dentro da sua aplicação. Para inspeccionar os elementos, abra a sua aplicação no simulador > carregue em Cmd+D > seleccione Mostrar o Inspector.
Passo 1: Instalar globalmente o pacote react-devtools usando este comando : npm install-g react-devtools
Passo 2: Ir para o directório do seu projecto e executar o projecto
Passo 3: abrir outra linha de comandos e ir para o directório do projecto e executar o seguinte comando react-devtools
Passo 4: irá abrir "React Developer Tools"
Passo 5: agora no emulador carregue em Ctrl+M e seleccione comutar o Inspector
Passo 6: Agora você pode inspecionar em reacção Ferramentas De DesenvolvimentoPara mais informações, consulte https://facebook.github.io/react-native/docs/debugging.html#react-developer-tools indique aqui a descrição da imagem
1.Instalar globalmente
npm install react-devtools
-
Se tiver um erro de EACESS por causa de um problema de permissão, então tente com o seguinte comando
Sudo MPN install-g react-devtools --unsafe-perm=true
3.Em seguida, no nosso projeto directry dar comando
react-devtools
Vai abrir Ferramentas de desenvolvimento nativas de reacção de aplicações separadas.
4.Copie o programa da aplicação e cole - o no nosso componente e inspeccione-o