Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

vendor.js não informado no index.html

Ao iniciar a aplicação aparecia a mensagem de erro: webpackJsonp is not defined.

Verifiquei que faltava chamar o vendor.js antes de chamar o main.js para carregar o webpack. Isso no arquivo index.html.

  <!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="UTF-8">
  <title>Ionic App</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">

  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
  <link rel="manifest" href="manifest.json">
  <meta name="theme-color" content="#4e8ef7">

  <!-- cordova.js required for cordova apps -->
  <script src="cordova.js"></script>

  <!-- un-comment this code to enable service worker
  <script>
    if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('service-worker.js')
        .then(() => console.log('service worker installed'))
        .catch(err => console.log('Error', err));
    }
  </script>-->

  <link href="build/main.css" rel="stylesheet">

</head>
<body>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>


<!-- código incluído antes do main.js -->
<script src="build/vendor.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>

</body>
</html>

Incluí essa chamada e a aplicação passou a rodar sem o erro.

Se alguém estiver passando por esse problema essa dica pode resolver.

3 respostas
solução!

Olá! Provavelmente você não esta usando as mesmas versões que usei no curso do Ionic. Se não utilizar, terá um problema atrás do outro. Só ensino a migrar para Ionic3 no final da parte 2, dai você fica livre para criar projetos com as versões mais novas.

Confira

npm install -g ionic@2.2.1 cordova@6.5.0

E

https://cursos.alura.com.br/course/ionic2-parte1/task/26829

Flávio, claro...que não instalei corretamente. rsrs. Super falha minha.

Assisti o vídeo num dia e fui fazer a atividade em outro dia. O resultado foi instalar o ionic usando npm install ionic ao invés de npm install ionic@2.2.1. Instalei a versão 3 e estava tão certo de que estava com a 2 que não me dei o trabalho de verificar antes.

Bom, instalei a versão correta agora e tudo está funcionando corretamente.

Foi mal pelo equivoco e continuar o curso.

Tranquilo meu aluno! Só lembrando que no final da parte 2 você aprende a migrar para o Ionic3 e aprende o que mudou.

Sucesso e bom estudo!