タグ付けされた質問 「ionic-framework」

Ionicは、HTMLとSassを使用してネイティブ感のあるハイブリッドモバイルアプリを開発するためのフロントエンドフレームワークです。従来、CordovaおよびAngular上で実行されていましたが、Ionic 4以降、Angular、React、Vue.js、およびCordovaまたはCapacitor上で実行されるWebコンポーネントをサポートしています。

17
エラー:Ionicの使用中にモジュール '../lib/utils/unsupported.js'が見つかりません
「Ionic start project name」を実行すると、常にこのエラーメッセージが表示されます。 エラーメッセージ Running command - failed![ERROR] An error occurred while running npm install (exit code 1): module.js:471 throw err; ^ Error: Cannot find module '../lib/utils/unsupported.js' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at /usr/local/lib/node_modules/npm/bin/npm-cli.js:19:21 at Object.<anonymous> (/usr/local/lib/node_modules/npm/bin/npm-cli.js:79:3) at Module._compile (module.js:570:32) at Object.Module._extensions..js …

24
エラー:Android SDK内でGradleラッパーが見つかりませんでした。Android SDKを更新する必要があるかもしれません-Android
これに似た質問がたくさんあることは知っていますが、それらのいずれでも私の問題の解決策を見つけることができませんでした。さらに、私は特定のケースの詳細を提供します。 Ubuntu 16.04 LTSでIonicプロジェクトをコーディングしましたが、リリース用にビルドする必要があります。だから私はコマンドを実行します: cordova build --release android また、次のエラーが表示されます。 Error: Could not find gradle wrapper within Android SDK. Might need to update your Android SDK. Looked here: /home/user/Android/Sdk/tools/templates/gradle/wrapper このtemplates/gradle/wrapperディレクトリはありません。 私のAndroid Studioは2.3で、今のところ最新バージョンです Android SDK Platform-Tools 25.0.3 Android SDKツール25.3.1 2.1(エクレア)から7.1.1(ヌガー)までのすべてのAndroidバージョン 徹底的に調査した後、Android Studioに関連するすべての環境変数をファイルに入れました/etc/environment。したがって、次のようになります。 PATH="/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/game:/home/<user>/Android/Sdk:/home/<user>/Android/Sdk/tools:/home/<user>/Android/Sdk/platform-tools" ANDROID_HOME=/home/<user>/Android/Sdk export ANDROID_HOME JAVA_HOME=/usr/lib/jvm/java-8-oracle export JAVA_HOME GRADLE_HOME=/opt/android-studio/gradle/gradle-3.2 export GRADLE_HOME …


17
エラー:Node Sassは現在の環境をまだサポートしていません:falseのWindows 64ビット
E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node Sass does not yet support your current environment: Windows 64-bit with false …

13
「ANDROID_HOME」環境変数が見つかりませんでした
ionic-androidプロジェクトをビルドしようとしていますが、android sdkをインストールしています。 プロジェクトの名前はmyAppです。AndroidプラットフォームをmyAppに正常に追加しました。しかし、私がプロジェクトをビルドしようとすると ~/myApp$ sudo ionic build android 結果は Running command: /home/hari/myApp/hooks/after_prepare/010_add_platform_class.js /home/hari/myApp add to body class: platform-android ERROR building one of the platforms: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually. Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path …

9
すべてのプラットフォームで、アプリをionicでのみ縦向きモードに制限するにはどうすればよいですか?
私はIonic / Cordovaに取り組んでandroidManifest.xmlいます。これを追加しましたが、これは私にとっては機能せず、アプリはまだ両方の方法で表示されています android:screenOrientation="portrait" アプリを縦向きモードのみに制限するにはどうすればよいですか?私はアンドロイドでチェックしましたが、うまくいきません

3
IonicディレクティブとIonic Frameworkを使用したAngular Materialディレクティブ
マテリアルデザインでイオンを使用したい。カスタムCSSと角度材料でイオンディレクティブを使用するのに悩まされています イオン指令を使用すると、次のような多くの効率的な機能が得られることを読みました アプリデータは、他のビューに移動してページに戻った後でも、UIルーターで記憶されます イオンリストアイテムは、表示の高さまでのみレンダリングされ、下または上にスクロールしたときに再利用されます パフォーマンスが大幅に改善されました。 しかし、イオン指令を使用する場合、それらには材料設計がありません。 アンギュラマテリアルを使用する場合、これらのパフォーマンスの向上、およびモバイルアプリケーションに必要な追加機能はありません。 Angular-materialディレクティブは <md-list> <md-item ng-repeat="item in items"> Hello, {{item}}! </md-item> </md-list> イオン指令は <ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list> Ionicが角材料プロジェクトの開発に資金を提供しているように見えますが、なぜ角材料はイオンとの使用に互換性がないのですか? イオンの性能向上と機能を失うことなく、角度材料コンポーネントをどのように使用できますか? または イオンで材料設計を使用するためのより良いアイデアはありますか?

26
イオンビルドAndroid | エラー:インストールされているビルドツールが見つかりません。Androidビルドツールをインストールしてください
ionicプロジェクトのルートでionic build androidコマンドを実行すると、次のエラーが発生します。 失敗:ビルドは例外で失敗しました。 場所:スクリプト '/home/javad/Desktop/javadApp/platforms/android/CordovaLib/cordova.gradle'行:64 問題点:ルートプロジェクト「android」の評価中に問題が発生しました。 インストールされているビルドツールが見つかりません。Androidビルドツールのバージョン19.1.0以降をインストールしてください。 試してください:--stacktraceオプションを指定して実行し、スタックトレースを取得します。--infoまたは--debugオプションを指定して実行し、より多くのログ出力を取得します。 javad@javad:~/Desktop/javadApp$ ionic build android Running command: /home/javad/Desktop/javadApp/hooks/after_prepare/010_add_platform_class.js /home/javad/Desktop/javadApp add to body class: platform-android Running command: /home/javad/Desktop/javadApp/platforms/android/cordova/build ANDROID_HOME=/opt/android-sdk JAVA_HOME=/usr/lib/jvm/default-java Running: /home/javad/Desktop/javadApp/platforms/android/gradlew cdvBuildDebug -b /home/javad/Desktop/javadApp/platforms/android/build.gradle -Dorg.gradle.daemon=true FAILURE: Build failed with an exception. * Where: Script '/home/javad/Desktop/javadApp/platforms/android/CordovaLib/cordova.gradle' line: 64 * What went wrong: A …


28
npmの実行時にnpm-cli.jsが見つかりません
通常、npmを使用してライブラリをインストールできますが、今日yeomanをインストールすると、このエラーが発生しました。根本的な原因を突き止めるのを助けてください。 D:\Works\phonegap\ionic\todo>npm install -g yo module.js:340 throw err; ^ Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\npm-cli.js' at Function.Module._resolveFilename (module.js:338:15) at Function.Module._load (module.js:280:25) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:906:3 私はフォルダを調べました: C:\ Program Files \ nodejs \ node_modules \ npm \ bin \ エラーが説明されているので、node_modulesフォルダーは表示されません。 また、npm-cli.jsを見つけて、実際にあることを確認しますC:\Program Files\nodejs\node_modules\npm\bin\

6
角度のあるng-ifまたはng-showの応答が遅い(2秒の遅延?)
リクエストがビジーのときにボタンの読み込みインジケーターを表示または非表示にしようとしています。リクエストの読み込み中または読み込みが完了したときに$ scope.loading変数を変更することで、Angularを使用してこれを行います。 $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; フロントエンド: <button ng-disabled="loading" class="button button-outline button-positive" type="submit"> Log in <span ng-if="loading" class="ion-refreshing"></span> </button> これは正常に機能しますが、読み込みアイコン(ion-refreshing)が約2秒間表示され、$ scope変数はすぐに更新されます。$ scope。$ applyを試しましたが、ここでは問題はないようです。スコープは正常に更新され、リクエストの直後に更新されます。十分な速さで応答しないのはアイコンだけです。 私がこれを理解するのを手伝ってくれてありがとう!

8
エラー:Ionic 3でorg.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.60-eap-25が見つかりませんでした
Android向けIonic 3アプリのビルド中に、次のエラーが突然表示されます。 Could not find org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.60-eap-25 ここにはAndroid Studioのソリューションが1つありますが、次のコードでbuild.gradleを変更した後も、エラーが発生します。 buildscript { repositories { ... maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' } } } allprojects { repositories { ... maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' } } } Cordovaを更新して上記のソリューションを追加すると、build.gradleファイルは次のようになります。 buildscript { repositories { google() jcenter() maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' } } dependencies { // NOTE: Do …

9
ビューが開かれる/表示されるたびにコントローラー関数を実行します
下部に3つのイオンタブがあるクラシックな3ボタンメニューを使用するangular + ionicのアプリを作成しています。ユーザーがタブをクリックすると、そのテンプレートがui-routerを介して開きます。 私はこのような状態を持っています: $stateProvider .state('other', { url: "/other", abstract: true, templateUrl: "templates/other/other.html" }) テンプレートでは、次のようにします。 <ion-nav-view name="other" ng-init="doSomething()"></ion-nav-view> コントローラーにdoSomething()関数を記述して、そこで手動で呼び出すことができることを認識しています。それでも同じ問題が発生します。誰かがそのビューを開くたびに、doSomething()関数を複数回呼び出す方法を理解できないようです。 現在、doSomething()関数は問題なく呼び出されますが、そのビュー/タブがユーザーによって初めて開かれたときのみです。ユーザーがそのビューまたはタブを開くたびに(ジオロケーションを更新するために)関数を呼び出したいのですが。 それを実装する正しい方法は何でしょうか? 助けてくれてありがとう!

14
IonicFrameworkを使用したログイン/ログアウト時の履歴のクリアとページの再読み込み
Ionicを使用したモバイルアプリケーション開発は初めてです。ログインおよびログアウト時に、データを更新するためにページをリロードする必要がありますが、リロード$state.go('mainPage')せずにユーザーをビューに戻します。その背後にあるコントローラーが呼び出されることはありません。 履歴をクリアしてIonicで状態をリロードする方法はありますか?

6
Ionic 5 with Angular 9-Angular JITコンパイルが失敗しました: '@ angular / compiler'がロードされていません
Ionic 5は数時間前(2020年2月12日)に発表され、小規模な本番用アプリの1つをAngular 9とともにIonic 5にアップグレードしました。 # To update to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save-exact --save # To update to Angular 9 ng update @angular/core @angular/cli しかし、私がそうしたとき、私は次のionic serveエラーを受け取り始めました: Error: Angular JIT compilation failed: '@angular/compiler' not loaded! - JIT compilation is discouraged for production use-cases! Consider AOT mode instead. - Did …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.