Ionic 2: ReferenceError: webpackJsonp n'est pas défini

Question

Ionic 2: ReferenceError: webpackJsonp n'est pas défini

Demandé el 8 de Juillet, 2017: Quand la question a-t-elle été
41283 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Ouvert: Situation réelle de la question

Je suis nouveau chez Ionic. J'ai commencé le projet avec super template. Mais quand j'essaye de lancer l'application dans le navigateur. Cela jette une erreur en disant:

 ReferenceError: webpackJsonp is not defined
    at http://localhost:8100/build/main.js:1:1

J'ai essayé de mettre vendor.js dans index.html mais cela n'a pas fonctionné.

Voici le fichier index.html. J'ai supprimé vendor.js car cela ne fonctionnait pas.

 <!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>

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

</body>
</html>

Demandé el 8 de Juillet, 2017 par Vishal Singh

Answer 1

5 Réponses

Answer 2

113voto

Eric Winterstine Points 1083

Littéralement, vous avez vécu la même chose que vous. J'ai ajouté le script vendor.js AVANT le fichier main.js dans /src/index.html - il s'exécute maintenant localement.

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

  <script src="build/vendor.js"></script>

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

Répondu el 8 de Juillet, 2017 par Eric Winterstine (1083 Points )

Answer 3

59voto

VRPF Points 2582

C'est un changement radical dans Ionic-App-Scripts

https://github.com/ionic-team/ionic-app-scripts/releases/tag/v2.0.0

src / index.html doit être modifié pour inclure une nouvelle balise de script fournisseur.

 ...
<body>

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

  <script src="cordova.js"></script>

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

  <!-- all code from node_modules directory is here -->
  <script src="build/vendor.js"></script>

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

</body>
...

Répondu el 10 de Juillet, 2017 par VRPF (2582 Points )

Answer 4

19voto

sijo vijayan Points 789

Ajouter vendor.js chemin d'accès dans la balise de script en < your application directory > /src/index.html

 <script src="build/vendor.js"></script>

Apportez également des modifications en < your application directory >/src/service-worker.js Fichier - Inclure vendor.js dans la section precache :

 // pre-cache our key assets
self.toolbox.precache(
    [
      './build/main.js',
      './build/vendor.js',   // <===  Add vendor.js
      './build/main.css',
      './build/polyfills.js',
      'index.html',
      'manifest.json'
    ]
);

Répondu el 29 de Septembre, 2017 par sijo vijayan (789 Points )

Answer 5

18voto

Kishan Oza Points 812

Je suis confronté au même problème lorsque j'ai commencé à développer un ancien projet ionic 2 avec ionic 3. Suivez ces étapes pour moi. opne src\index.html mis cette ligne

 <script src="build/vendor.js"></script>

avant

 <script src="build/main.js"></script>

et après

 <script src="build/polyfills.js"></script>

comme ça

 <!DOCTYPE html>
...
<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>
  <script src="build/vendor.js"></script>  <---- here
  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>

</body>

</html>

Répondu el 3 de Janvier, 2018 par Kishan Oza (812 Points )

Answer 6

0voto

Dinesh Points 8

Version ionique problème bro.

vérifier la version.

 npm install -g ionic@v3.0.1
npm install -g ionic@v2.0.1
npm install -g ionic@v1

Répondu el 9 de Juillet, 2018 par Dinesh (8 Points )

Ionic 2: ReferenceError: webpackJsonp n'est pas défini

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Ionic 2: ReferenceError: webpackJsonp n'est pas défini

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: