คำถามติดแท็ก ionic-framework

ฉันได้รับข้อความแสดงข้อผิดพลาดนี้เสมอเมื่อฉันเรียกใช้ "Ionic start project project": ข้อความผิดพลาด 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 …

262 node.js  ionic-framework  ionic2 

ฉันรู้ว่ามีคำถามมากมายที่คล้ายกับคำถามนี้ แต่ฉันไม่สามารถหาวิธีแก้ปัญหาของฉันได้ในคำถามเหล่านี้ นอกจากนี้ฉันจะให้รายละเอียดเกี่ยวกับกรณีเฉพาะของฉัน ฉันเขียนโครงการ Ionic ใน Ubuntu 16.04 LTS และตอนนี้ฉันต้องสร้างมันขึ้นมาเพื่อปล่อย ดังนั้นฉันจึงเรียกใช้คำสั่ง: 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ไดเรกทอรีนี้ My Android Studio คือ 2.3 ซึ่งเป็นเวอร์ชั่นล่าสุดในตอนนี้ เครื่องมือแพลตฟอร์ม Android SDK 25.0.3 เครื่องมือ Android SDK 25.3.1 …

199 cordova  ionic-framework  android-gradle-plugin 

เมื่อฉันเรียกใช้โครงการไอออนิก 3 โดยใช้คำสั่ง "ไอออนิกให้บริการ" กว่าจะได้รับข้อผิดพลาดนี้:

175 javascript  ionic-framework  ionic3 

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 …

148 ionic-framework  npm  node-sass 

ฉันพยายามสร้างโครงการไอออนิก - แอนดรอยด์และฉันติดตั้ง 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' …

131 android  ionic-framework 

ฉันกำลังทำงานกับ Ionic / Cordova ฉันได้เพิ่มสิ่งนี้เข้าไปandroidManifest.xmlแต่สิ่งนี้ไม่ได้ผลสำหรับฉันและแอปยังแสดงทั้งสองแบบ android:screenOrientation="portrait" ฉันจะ จำกัด แอปให้อยู่ในโหมดแนวตั้งเท่านั้นได้อย่างไร ฉันตรวจสอบบน Android แล้วและใช้งานไม่ได้

121 ionic-framework 

ฉันต้องการใช้ไอออนิกกับการออกแบบวัสดุ ฉันติดขัดระหว่างการใช้คำสั่งไอออนิกกับ CSS ที่กำหนดเองและวัสดุเชิงมุม ฉันได้อ่านว่าการใช้คำสั่งไอออนิกทำให้เราได้รับคุณสมบัติที่มีประสิทธิภาพมากมายเช่น ระบบจะจดจำข้อมูลแอปด้วย UI-router แม้ว่าจะไปที่มุมมองอื่นและกลับมาที่หน้า รายการไอออนิกจะแสดงขึ้นเพื่อแสดงความสูงเท่านั้นและใช้ซ้ำได้เมื่อเลื่อนลงหรือขึ้น และการปรับปรุงประสิทธิภาพมากมาย แต่ถ้าฉันใช้คำสั่งไอออนิกพวกเขาไม่มีการออกแบบวัสดุ หากฉันใช้วัสดุเชิงมุมฉันจะไม่มีการปรับปรุงประสิทธิภาพเหล่านี้และคุณสมบัติพิเศษที่จำเป็นสำหรับแอปพลิเคชันมือถือ คำสั่งวัสดุเชิงมุมเป็นเหมือน <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 จะให้เงินสนับสนุนการพัฒนาโครงการวัสดุเชิงมุมแล้วเหตุใดวัสดุเชิงมุมจึงไม่สามารถใช้กับไอออนิกได้ ฉันจะใช้ส่วนประกอบวัสดุเชิงมุมโดยไม่สูญเสียการปรับปรุงประสิทธิภาพและคุณสมบัติของไอออนิกได้อย่างไร หรือ มีแนวคิดที่ดีกว่าในการใช้การออกแบบวัสดุด้วยไอออนิกหรือไม่?

98 javascript  angularjs  ionic-framework  ionic2  material-design 

เมื่อฉันเรียกใช้คำสั่งionic build androidในรูทของโครงการไอออนิกฉันได้รับข้อผิดพลาดนี้: FAILURE: การสร้างล้มเหลวโดยมีข้อยกเว้น ที่ไหน: Script '/home/javad/Desktop/javadApp/platforms/android/CordovaLib/cordova.gradle' บรรทัด: 64 เกิดอะไรขึ้น: เกิดปัญหาในการประเมินโปรเจ็กต์รูท 'android' ไม่พบเครื่องมือสร้างที่ติดตั้ง โปรดติดตั้งเครื่องมือสร้าง Android เวอร์ชัน 19.1.0 ขึ้นไป ลอง: รันด้วย --stacktrace option เพื่อรับ stack trace รันด้วยอ็อพชัน --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: …

95 android  cordova  ubuntu  ionic-framework  ionic 

โดยปกติฉันสามารถติดตั้งไลบรารีโดยใช้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\

95 node.js  windows  ionic-framework  npm  yeoman 

ฉันสงสัยว่าจะตรวจสอบเวอร์ชันของไอออนิกได้อย่างไร ถ้าฉันจะionic -vกลับมา1.4.3 ได้หรือไม่? 1.0.0 เพิ่งเปิดตัวไม่ใช่เหรอ

92 ionic-framework  ionic 

ฉันกำลังพยายามแสดงหรือซ่อนตัวบ่งชี้การโหลดบนปุ่มเมื่อคำขอไม่ว่าง ฉันทำเช่นนั้นด้วยเชิงมุมโดยการเปลี่ยนตัวแปร $ scope.loading เมื่อคำขอกำลังโหลดหรือเมื่อโหลดเสร็จ $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> สิ่งนี้ใช้งานได้ดี แต่ไอคอนการโหลด (การรีเฟรชไอออน) จะแสดงเป็นเวลาประมาณ 2 วินาทีในขณะที่ตัวแปร $ ขอบเขตจะได้รับการอัปเดตทันที ฉันลองใช้ $ ขอบเขต …

87 angularjs  angularjs-directive  ionic-framework 

ฉันได้รับข้อผิดพลาดต่อไปนี้ในขณะที่สร้างแอป Ionic 3 สำหรับ Android Could not find org.jetbrains.kotlin:kotlin-stdlib-jdk8:1.3.60-eap-25 เรามีทางออกหนึ่งจาก Android Studio ที่นี่แต่หลังจากที่ฉันเปลี่ยนใน build.gradle ด้วยรหัสต่อไปนี้ฉันยังคงได้รับข้อผิดพลาด buildscript { repositories { ... maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' } } } allprojects { repositories { ... maven { url 'https://dl.bintray.com/kotlin/kotlin-eap' } } } ไฟล์ build.gradle ของฉันมีลักษณะเช่นนี้หลังจากฉันอัปเดต Cordova ของฉันและเพิ่มโซลูชันด้านบน buildscript { repositories { google() jcenter() …

81 android  cordova  ionic-framework  ionic3  build.gradle 

Ionic 5 ได้รับการประกาศเมื่อไม่กี่ชั่วโมงที่ผ่านมา (12 ก.พ. 2020) และฉันได้อัพเกรดแอพโปรดักชั่นเล็ก ๆ ของฉันเป็น Ionic 5 พร้อมกับ Angular 9: # 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 …

23 angular  typescript  ionic-framework  ionic4  ionic-native 

ผมมีรายการที่มีoverflow-xและกำหนดให้overflow-y นอกจากนี้ผมได้ตั้งค่าเลื่อนโมเมนตัมเพื่อเลื่อนสัมผัสการทำงานมีความสุขในมือถือใช้autowebkit-overflow-scrolling: true อย่างไรก็ตามปัญหาคือฉันไม่สามารถหาวิธีปิดการใช้งานการเลื่อนแนวนอนเมื่อเลื่อนในแนวตั้ง มันนำไปสู่ประสบการณ์การใช้งานที่ไม่ดีนักเนื่องจากการปัดไปทางซ้ายบนหรือขวาบนจะทำให้ตารางเลื่อนตามแนวทแยงมุม เมื่อผู้ใช้เลื่อนแนวตั้งฉันไม่ต้องการเลื่อนในแนวนอนอย่างแน่นอนจนกว่าผู้ใช้จะหยุดเลื่อนแนวตั้ง ฉันได้ลองทำสิ่งต่อไปนี้แล้ว: JS: offsetX: number; offsetY: number; isScrollingHorizontally = false; isScrollingVertically = false; //Detect the scrolling events ngOnInit() { this.scrollListener = this.renderer.listen( this.taskRows.nativeElement, 'scroll', evt => { this.didScroll(); } ); fromEvent(this.taskRows.nativeElement, 'scroll') .pipe( debounceTime(100), takeUntil(this.destroy$) ) .subscribe(() => { this.endScroll(); }); } didScroll() { if …

17 javascript  html  css  angular  ionic-framework 

ฉันอัพเกรดแอปพลิเคชัน Ionic 4 โดยคำสั่งสองคำนี้: # Upgrading to Ionic 5 npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save # Upgrading to Angular 9 ng update @angular/core @angular/cli และเมื่อฉันทำionic serveฉันเริ่มได้รับข้อผิดพลาดนี้: > ng run app:serve --host=localhost --port=8100 [ng] chunk {} 0.js, 0.js.map () 22.1 kB [rendered] [ng] chunk {common} common.js, common.js.map (common) 25.7 kB [rendered] [ng] …

11 node.js  angular  typescript  ionic-framework