مرحبًا يا رفاق ، أتمنى أن تكونوا جميعًا بخير ،
لقد قمت بإنشاء تطبيق أسود أيوني بسيط وقمت بتعديل app.js الخاص به لإنشاء حالات
يعمل التطبيق بشكل رائع مع أمر الخدمة الأيونية ولكن عندما أقوم بتثبيته على هاتف android مع android android ، فإنه يعرض شاشة بيضاء فارغة.
يظهر مفتش الكروم بعد الخطأ
فشل تحميل الموارد (الملف view.html غير موجود)
فشل تحميل الموارد (لم يتم العثور على الملف newView.html)
ملف view.html مثل لوحة القيادة
هذا هو رمز ملف app.js الخاص بي
الزاوي ("بادئ" ، ["أيوني"])
.run (function ($ ionicPlatform) {
$ ionicPlatform.ready (الوظيفة () {
// إخفاء شريط الملحقات افتراضيًا (قم بإزالته لإظهار شريط الملحقات أعلى لوحة المفاتيح
// لمدخلات النموذج)
إذا (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar (صواب) ؛
}
إذا (window.StatusBar) {
StatusBar.styleDefault () ،
}
}) ؛
})
.controller ("AppController"، function ($ example، $ range، $ http) {
console.log ("مرحبا") ؛
})
.config (الوظيفة ($ stateProvider ، $ urlRouterProvider ، $ ionicConfigProvider) {
$ ionicConfigProvider.navBar.alignTitle ("المركز")
StateProvider دولار
.state ("عرض"، {
url: "/ view"،
الملخص: خطأ ،
// تحكم: "AppController" ،
templateUrl: "/ قوالب / view.html"
})
.state ("viewRecord"، {
url: "/ viewRecord"،
// controller: 'AppController',
templateUrl:"/templates/viewRecord.html"
})
.state('edit', {
url: "/edit",
// controller: 'AppController',
templateUrl:"/templates/editRecord.html"
})
.state('delete', {
url: "/delete",
// controller: 'AppController',
templateUrl:"/templates/deleteRecord.html"
})
.state('new', {
url: "/new",
// controller: 'AppController',
templateUrl:"/templates/newRecord.html"
})
$urlRouterProvider.otherwise('/view');
}) ؛
هنا view.html
<ion-header-bar class="bar bar-balanced">
<h1 class="title">Database Tester</h1>
</ion-header-bar>
<ion-content>
<div class="card">
<div class="item item-balanced">
Welcome to Database Tester.
</div>
<div class="item item-text-wrap">
Please Select an Option to test the database.
</div>
<div class="option">
<button class="button opt button-balanced" ui-sref="new" href="/new">New Record</button>
<button class="button opt button-balanced" ui-sref="edit" href="/edit">Edit Record</button>
<button class="button opt button-balanced" ui-sref="viewRecord" href="/viewRecord">View Record</button>
<button class="button opt button-balanced" ui-sref="delete" href="/delete">Delete Record</button>
</div>
<div class="item"></div>
<div class="item item-balanced">
</div>
</div>
</ion-content>
<div class="bar bar-footer bar-balanced">
<div class="title" ui-sref="view" href="/view"><i class="icon ion-home"></i></div>
</div>
ها هو index.html الخاص بي
ربما التغيير
templateUrl:"/templates/newRecord.html"
إلى ("/ قوالب ..." -> "./templates ....")
templateUrl:"./templates/newRecord.html"
تحياتي @ secret4info!
لقد أغلقت هذه المشكلة لأن أجهزة الاستشعار الخاصة بي أشارت إلى أنها كانت قديمة وغير نشطة ، وربما تم إصلاحها بالفعل في الإصدارات الأخيرة من Ionic. ومع ذلك ، إذا كنت لا تزال تواجه هذه المشكلة ، فلا تتردد في إعادة فتح هذه المشكلة من خلال إنشاء مشكلة جديدة ، وتضمين أي أمثلة وغيرها من المعلومات الضرورية ، حتى نتمكن من النظر فيها بشكل أكبر.
أشكركم على إتاحة الفرصة لي لمساعدتكم.
أدركت أن هذا ذهب قديمًا ومغلقًا ، لكن كان لدي هذه المشكلة بالضبط ، وكانت إجابة tlkiong صحيحة تمامًا. يبدو أن الجهاز الأصلي احتاج إلى الفترة في templateUrl بينما لم يكن يعمل في متصفح الويب. كلاهما يعمل لدي الآن.
templateUrl: "./ قوالب / newRecord.html"
التعليق الأكثر فائدة
ربما التغيير
إلى ("/ قوالب ..." -> "./templates ....")