[解決済み] Angular 2を使用したCordovaアプリケーション

質問

ionicの代わりにcordovaフレームワークを使いたいのですが、どうすればいいですか？

今のところ

ステップ1:

Angular 2のアプリケーションを作成しました。

ステップ2:

私はcordovaアプリケーションを作成し、そこにangular 2アプリケーションを統合しました。

正常に動作しています。

ステップ3:

次のステップは、ロード時にcordova.jsファイルをロードすることです。

ステップ4:

コードバプラグイン（カメラやデバイス拡張など）をプロジェクトに追加します。

ステップ1、2が完了しました。

完成までよろしくお願いします ステップ3、ステップ4 .

プラグインを呼び出すと、以下のようなエラーが発生します。

解決方法は？

Cordovaプラグインをagularプロジェクトに追加する。

1. main.tsを以下のように編集します。

   if (environment.production) { enableProdMode()を使用します。 onDeviceReady = () => {とする。 platformBrowserDynamic() .bootstrapModule(AppModule) .catch(err => console.error(err))。

   }; document.addEventListener("deviceready", onDeviceReady, false)を追加しました。

2. 任意のプラグイン(例えばカメラ)の場合。 を追加してください。 navigator: any と宣言します。

   を使用します。 navigator.camera.getPicture(success, failure, { quality: 80 }) を使用します。 .

3. angularプロジェクトのindex.htmlに、以下のスクリプトを追加します。

   <script type="application/javascript" src="cordova.js"></script>
   注意：MIMEタイプは、"text/javascript"ではなく、"application/javascript"である必要があります。

4. コマンドを使用してプロジェクトをビルドします。

   ng build --base-href . --prod --output-path ./Aditya/www/ 注：ここでAdityaはcordovaのプロジェクト名です。

5. CordovaプロジェクトのAditya/www/フォルダ内のindex.htmlファイルを編集して、次のようにします。 含まれるすべてのスクリプトのためにMIMEを含める。

   type="application/javascript"

6. これで、もう大丈夫です。