web-dev-qa-db-fra.com

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

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>
javascriptionic-frameworkwebpack
50
Vishal Singh

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 - maintenant, il s'exécute 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>
105
Eric Winterstine

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

Ajouter vendor.js chemin dans la balise de script dans < your application directory > /src/index.html

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

Apportez également des modifications dans < 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'
    ]
);
16
sijo vijayan

Je suis confronté au même problème lorsque j'ai commencé à développer un ancien projet ionic 2 avec ionic 3 . Suis cette procédure fonctionne pour moi . Opne src\index.html 

<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>
13
Kishan Oza

Je travaillais sur un projet ReactJs lorsque j'ai fait face à cette erreur. Cela peut être un cas de dépendance manquante du fichier package.json qui finit par créer des bulles sous la forme d'une erreur rapportée par OP. Dans notre cas, une référence au paquet omitJs npm était manquante. Dès que j'ai ajouté la ligne ci-dessous dans la section des dépendances du fichier package.json, tout a commencé à fonctionner:

"dependencies": {
.....other dependencies
"omit.js": "1.0.0"
}
0
RBT

Version ionique problème bro.

vérifier la version.

npm install -g [email protected]
npm install -g [email protected]
npm install -g ionic@v1
0
Dinesh
npm install -g [email protected]

ou 

yarn add -g [email protected]
0
yacine benzmane