Ionic/Cordova – Problema ao instalar ios-deploy no Mac

O desenvolvimento mobile sempre foi algo que motivou pessoas a entrarem no mundo da programação. Criar aplicativos, além de ser lucrativo, é uma muito atividade prazerosa.

Porém, cada sistema operacional (Android, IOS, Windows) desenvolvido para celulares tem sua linguagem de programação específica para o desenvolvimento de aplicativos. O Android utiliza Java e Kotlin; o IOS utiliza Switch; e o Windows Phone utiliza C#. Então, para desenvolver um aplicativo que rode em todos os dispositivos existentes no mercado é preciso saber todas essas linguagens.

Na verdade o verbo correto seria era preciso saber todas essas linguagens. Graças a esforços de desenvolvedores e equipes de desenvolvimento, hoje podemos utilizar apenas uma linguagem para desenvolver para todos os sistemas operacionais mobile. Essa linguagem é o JavaScript.

Não vou entrar no mérito da linguagem, que tem crescido e alcançado desenvolvedores Backend (através do Node.js), desenvolvedores desktop (através do Electron), e também os desenvolvedores mobile através de frameworks como Cordova, Phonegap, React-Native e Ionic.

Neste artigo vamos focar no desenvolvimento com Cordova, Phonegap e Ionic.

O objetivo desse post não é ensinar como instalar ou desenvolver em nenhum desses frameworks, e sim, ajudar alguns desenvolvedores que utilizam iMacs ou Macbooks que encontrem problemas na hora de rodar seus apps em Iphones. Mesmo assim, explicarei um passo a passo para criar um app simples com o ionic cli.

Primeiro você precisa criar um app Ionic. Se não tem o Ionic instalado em sua máquina, rode o seguinte comando no terminal (é necessário ter o Node.js instalado em sua máquina para instalar o Ionic):

npm install -g ionic cordova

Ao final da instalação confirme se deu tudo certo com os comandos:

ionic -v

cordova -v

Agora crie um projeto Ionic simples. Crie um diretório (pasta) para seus projetos Ionic. Gosto de deixar os meus em ionic_projects, mas você pode usar o diretório que quiser. Para criar o diretório de seus projetos use o comando:

Windows

cd C:\

mkdir ionic_projects

cd ionic_projects

Linux e mac

cd /

mkdir ionic_projects

cd ionic_projects

Agora vamos criar nosso projeto:

ionic start “nome-do-projeto”

Pode demorar um pouco. Ao final do processo digite o comando para subir (startar, iniciar) sua aplicação:

ionic serve –lab

Agora você tem um app funcionando. Para rodá-lo no seu Iphone é necessário parar o app no terminal:

ctrl + c

E agora digite o comando ionic cordova build ios para construir o aplicativo ios.

O problema ocorre quando tentamos rodar o aplicativo no emulador do Xcode, ou diretamente no dispositivo (Iphone), com o comando ionic cordova build, ou ionic cordova run ios ou ionic cordova emulate ios. No console do terminal retorna uma mensagem de erro pedindo a instalação do ios-deploy pelo npm:

npm install -g deploy

Porém, quando o comando acima é rodado, a seguinte mensagem é impressa no terminal:

seuusuario@BMac ~ $ npm install -g ios-deploy

> ios-deploy@1.9.2 preinstall /usr/local/lib/node_modules/ios-deploy
> ./src/scripts/check_reqs.js && xcodebuild

stderr: xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ios-deploy@1.9.2 preinstall: `./src/scripts/check_reqs.js && xcodebuild`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the ios-deploy@1.9.2 preinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/barton/.npm/_logs/2018-02-03T21_25_40_065Z-debug.log

Navegando na web eu achei a solução eu uma Issue no Github do framework Phonegap. No terminal, deve-se rodar os seguintes comandos:

  • system_profiler SPSoftwareDataType
  • ios-deploy
  • xcodebuild -version
  • xcode-select –print-path
  • gcc –version
  • lldb –version

Agora, ao rodar o comando npm install -g ios-deploy, a instalação deve seguir normalmente e você já deve ser capaz de rodar os comandos para rodar, emular e buildar seu app Ionic na plataforma IOS.

Espero que a dica ajude você, pois me foi muito útil. Se quiser utilizar o Ionic Pro para testar seu App, acesso o artigo abaixo:

Ionic – testando seu app em seu celular com Ionic Pro

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *