Подтвердить что ты не робот

Ionic 2: ReferenceError: webpackJsonp не определен

Я новичок в Ionic. Я начал проект с супер-шаблоном. Но когда я пытаюсь запустить приложение в браузере. Он выдает сообщение об ошибке:

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

Я попытался поставить vendor.js в index.html, но это не сработало.

Вот файл index.html. Я удалил vendor.js, поскольку он не работал.

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

ОТВЕТЫ

Ответ 1

Буквально просто прошел то же, что и вы. Я добавил vendor.js script ДО main.js в /src/index.html - теперь он выполняется локально.

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

Ответ 2

Это потрясающее изменение в Ionic-App-Scripts

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

src/index.html необходимо изменить, чтобы добавить тег нового поставщика script.

...
<body>

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

Ответ 3

Добавьте vendor.js путь в тег script в < your application directory > /src/index.html

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

Также внесите изменения в < your application directory >/src/service-worker.js File - Include vendor.js в разделе 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'
    ]
);

Ответ 4

Я столкнулся с той же проблемой, когда начал разработку старого проекта ionic 2 с использованием ionic 3. Выполните следующие действия, которые помогут мне. opne src\index.html поставь эту строку

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

до

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

и после

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

как это

<!DOCTYPE html>
...
<body>

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

Ответ 7

Я работал над проектом ReactJs, когда столкнулся с этой ошибкой. Это может быть случай отсутствия зависимостей в файле package.json который в конечном итоге всплывает в виде ошибки, сообщаемой OP. В нашем случае ссылка на пакет omitJs npm отсутствовала. В тот момент, когда я добавил строку ниже в разделе зависимостей файла package.json все это заработало:

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

Ответ 8

Я только что столкнулся с этой проблемой, и порядок файлов polyfills/vendor/main не имеет ничего общего с моим делом, но это был размер файла vendor.js.

Я понял это, потому что он работает на моей локальной машине, поэтому я обнаружил, что vendor.js был 5 МБ, поэтому я снова собрал приложение, используя параметр --prod:

ionic cordova build ios --prod