web-dev-qa-db-ja.com

イオン2：参照エラー：webpackJsonpが定義されていません

私はイオンが初めてです。スーパーテンプレートでプロジェクトを始めました。しかし、私はブラウザでアプリを実行しようとしたとき。次のようなエラーが表示されます。

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'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
51
Vishal Singh

文字通りちょうどあなたと同じことを経験しました。 main.jsの前にvendor.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>
108
Eric Winterstine

これはIonic-App-Scriptsの重大な変更点です

https://github.com/ionic-team/ionic-app- script/release/tag/v2.0.

src/index.htmlを変更して、新しいベンダスクリプトタグを含める必要があります。

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

vendor.jsのscriptタグ内に< your application directory > /src/index.htmlパスを追加します

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

< your application directory >/src/service-worker.jsファイルにも変更を加えます - precacheセクションにvendor.jsを含めます。

// 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'
    ]
);
17
sijo vijayan

私はイオン3で古いイオン2プロジェクトを開発し始めたときに私は同じ問題に直面しています。 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'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>
14
Kishan Oza

このエラーに直面したとき、私はReactJプロジェクトに取り組んでいました。これはpackage.jsonファイルから依存関係が欠けているケースである可能性があり、それは最終的にOPによって報告されたエラーの形でバブルアップします。私たちの場合、 omitJs npmパッケージへの参照がありませんでした。 package.jsonファイルのdependenciesセクションに以下の行を追加した瞬間、すべてうまくいき始めました。

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

イオンバージョンの問題.

バージョンを確認してください。

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

または

yarn add -g [email protected]
0
yacine benzmane