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

Je suis nouveau sur Ionique. J'ai commencé le projet avec un super modèle. Mais quand j'essaye d'exécuter l'application dans le navigateur. Il renvoyait un message d'erreur disant:

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

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

Voici l'index.html fichier. J'ai supprimé vendor.js comme il ne fonctionne 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>

C'est principalement parce que le projet est à l'aide de code du fractionnement et de la webpack du code a été chargé après main.js morceau
Pouvez-vous fournir plus d'informations? Cette erreur signifie que le code n'a pas chargé webpack d'exécution tout de suite, mais il est impossible de dire pourquoi basés sur l'information donnée.
Qu'entendez-vous par vous avez supprimé vendor.js? Assez sûr webpack de la runtime est là quelque part
mettre en il y n'a pas de travail. Il n'était pas là auparavant.

InformationsquelleAutor Vishal Singh | 2017-07-08

108

Littéralement juste allé à travers la même chose que vous. J'ai ajouté de l'vendor.js script AVANT de l'main.js dans /src/index.html - maintenant, il s'exécute localement.
```
  
  <script src="build/polyfills.js"></script>

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

  
  <script src="build/main.js"></script>
```
- Je l'ai fait mais ça ne fonctionne pas. Supprimé l'application, et maintenant à nouveau de démarrer le projet avec vide templete.
- Il a travaillé pour moi
- Ce doit être la accepté de répondre, puisque c'est la cause de l'erreur
- merci cela a fonctionné pour moi.
- Merci, ça a fonctionné.
- Je soupçonne que vous avez édité le www plutôt que la src version
- Cela fonctionne pour les nouvelles versions d'android. Mais quand je test sur mon android 4.4.4 il ne fonctionne pas. Toujours la même erreur 🙁
- C'était le problème pour moi (même après la lecture de ce et insistant sur le fait qu'il n'était pas). Je suis à l'aide de Laravel et ont une pile juste avant la balise body de clôture, le problème était que je n'étais pas en le poussant vers la pile, mais plutôt y compris dans la section; ainsi, il a été apparaissant au-dessus de la fin-des-corps-scripts.
- J'ai le même problème. Avez-vous été en mesure de le résoudre pour android 4.4.4?
- Oui, c'était un problème avec un de mes 3. la partie plugins cordova combiner avec un 3. partie lib dépendance qui n'a pas transpile à l'ES5 (à partir de EES6)
- Merci beaucoup. Toute chance vous pourriez partager ce plugin et lib ils étaient?
- Désolé pour la réponse tardive, mais c'était un plugin pour la conversion de json à l'adresse http de la requête params (je pense)
- Vous me sauver , Merci
InformationsquelleAutor Eric Winterstine

C'est une modification importante dans Ionique-App-Scripts

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

src/index.html doit être modifiée pour inclure un nouveau fournisseur de balise de script .

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

InformationsquelleAutor VRPF

17

Ajouter vendor.js chemin à l'intérieur de la balise script dans < your application directory > /src/index.html
```
<script src="build/vendor.js"></script>
```
Également apporter des changements < your application directory >/src/service-worker.js Fichier - Inclure vendor.js dans le precache section:
```
//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'
    ]
);
```
- Je n'ai pas de soi.boîte à outils.préalablement mis en cache(...); dans /src/service-worker.js avant cette plainte au sujet d'vendor.js La mise à jour index.htm semble prendre soin de l'erreur d'exécution...sans modifier les service-worker.js Que signifie "pré-cache ces actifs" ? et de fait, c'est d'appliquer à la PWA déploiements ainsi que pour la construction de la plate-forme comme Android?
- très important pour vous assurer qu'il est ici, sinon ça ne marchera pas
- Simple d'ajouter <script src="build/vendor.js"></script> avant main.js dans votre index.html
InformationsquelleAutor sijo vijayan

Je suis face au même problème lorsque j'ai commencé à développer vieux ionique 2 projet avec ionique 3.
suivre cette procédure fonctionne pour moi.
opne src\index.html
mettre 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 ce

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

Ce n'est pas de travail pour moi.

InformationsquelleAutor Kishan Oza

npm install -g ionic@v3.0.1

yarn add -g ionic@v3.0.1

InformationsquelleAutor yacine benzmane

Ionique problème de version fr.

vérifier la version.

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

InformationsquelleAutor Dinesh

0

Je travaillais sur un ReactJs projet quand j'ai fait face à cette erreur. Ce pourrait être un cas de dépendances manquantes à partir de package.json fichier qui finalement bulles sous la forme d'une erreur signalée par l'OP. Dans notre cas, une référence à omitJs mnp paquet est manquant. Le moment où j'ai ajouté la ligne ci-dessous dans la section des dépendances de package.json fichier tout a commencé à travailler:
```
"dependencies": {
.....other dependencies
"omit.js": "1.0.0"
}
```
InformationsquelleAutor RBT
0

J'ai juste du faire face à ce problème, et l'ordre des fichiers polyfills/vendor/main n'a rien a faire dans mon cas, mais c'était la taille de la vendor.js fichier.

J'ai réalisé parce que cela fonctionne sur ma machine locale, donc, je n'ai trouver que vendor.js a 5 MO, donc, j'ai bâtie à nouveau l'application à l'aide de --prod paramètre:
```
ionic cordova build ios --prod
```
InformationsquelleAutor gersonmontenegro

Vous devez vous connecter pour publier un commentaire.