webpackJsonp is not defined when updating Ionic

/ October 10, 2017/ Ionic

(Last Updated On: February 12, 2018)

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 Reply

avatar
  Subscribe  
Notify of