webpackJsonp is not defined when updating Ionic

/ October 10, 2017/ Ionic

This is a really stupid error that can happens when you update your ionic dependencies (Never touch a running system!!! but well sometimes we have to).

It happens because the way Ionics build the scripts have change along the way and your project does not find all the generated javascript, Probably the file missing is  vendor.js so as for Ionic 3.6.1 just be sure that your src/index.htmlhas this base structure.

Ad:

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.error('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>

    <!-- The vendor js is generated during the build process
       It contains all of the dependencies in node_modules -->
    <script src="build/vendor.js"></script>

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

</body>

</html>
Spread the love

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
*
*