cordova - আয়নিক 2: কর্ডোভা উপলভ্য নয়। কর্ডোভা.জেএস অন্তর্ভুক্ত করা বা একটি ডিভাইস/সিমুলেটারে চালনা নিশ্চিত করুন(এমুলেটরে চলছে)




ionic-framework camera (4)

আমি সবেমাত্র আমার প্রথম আয়নিক 2 অ্যাপ সেট আপ করেছি (আমি আয়নিক 1 মোটামুটি ব্যাপকভাবে ব্যবহার করেছি)। আমি আয়নিক-নেটিভ ক্যামেরা প্রিভিউ প্লাগইনটি ব্যবহার করার চেষ্টা করছি।

সেটআপটি বেশ সোজা এগিয়ে ছিল:

npm install -g ionic cordova
ionic start timesnap --v2
ionic platform add android
ionic platform add ios
ionic plugin add cordova-plugin-camera-preview --save

তারপরে আমি উদাহরণ পৃষ্ঠাটি অনুলিপি করে পেস্ট করেছি:

import { CameraPreview, CameraPreviewRect } from 'ionic-native';

// camera options (Size and location)
let cameraRect: CameraPreviewRect = {
  x: 100,
  y: 100,
  width: 200,
  height: 200
};


// start camera
CameraPreview.startCamera(
  cameraRect, // position and size of preview
  'front', // default camera
  true, // tap to take picture
  false, // disable drag
  true, // send the preview to the back of the screen so we can addoverlaying elements
  1 //alpha
);

আমি নিম্নলিখিত আদেশগুলি ব্যবহার করে অ্যাপটি চালু করেছি:

ionic emulate android -lcs

ionic emulate ios -lcs --target='iPhone-6'

প্রথমে ক্যামেরাটি কেবল প্রদর্শিত হচ্ছে না তখন আমি chrome://inspect দৌড়ে chrome://inspect এবং কর্ডোভা "একটি এমুলেটরে চালানোর চেষ্টা করুন" অনুপস্থিত সম্পর্কে সতর্কতা দেখেছি, তবে এটি অ্যান্ড্রয়েড এমুলেটরটিতে চলার সময় হয়েছিল। আমিও আইওএস চেষ্টা করেছিলাম এবং একই ফলাফল দেখেছি।

কোন ধারণা কেন কর্ডোভা লোড হচ্ছে না?

chrome://inspect থেকে সম্পূর্ণ ত্রুটিযুক্ত লগটি এখানে রয়েছে chrome://inspect অ্যান্ড্রয়েড এমুলেটরটিতে চলাকালীন chrome://inspect :

আপডেট করুন ... index.html

(এটি কেবলমাত্র আয়নিক দ্বারা উত্পাদিত একটি স্ট্যান্ডার্ড)

<!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 class="trans"></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>

আমারও একই সমস্যা ছিল

আমি প্রকল্পের .apk ফাইলটি তৈরি করেছি এবং এটি মোবাইল (অ্যান্ড্রয়েড) এ ইনস্টল করেছি এবং এটি কাজ করে চলেছি


এটি বেশ দেরিতে তবে একই সমস্যার মধ্য দিয়ে যে কেউ এই উত্তরটি থেকে উপকৃত হতে পারে irst প্রথমটি ionic platform add browser নীচে চালিয়ে ব্রাউজার যুক্ত করার চেষ্টা ionic platform add browser এবং তারপরে কমান্ড ionic run browser

ionic serve and ionic run browser মধ্যে পার্থক্য কোনটি?

আয়নিক পরিবেশন - আপনার অ্যাপ্লিকেশনটিকে একটি ওয়েবসাইট হিসাবে চালিত করে (যার অর্থ এটিতে কোনও কর্ডোভা ক্ষমতা নেই)। আয়নিক রান ব্রাউজার - কর্ডোভা ব্রাউজার প্ল্যাটফর্মে আপনার অ্যাপ্লিকেশন চালায় যা কর্ডোভা.জেএস এবং ব্রাউজারের সক্ষমতা রয়েছে এমন কোনও প্লাগইন ইনজেক্ট করবে which

ionic serve এবং ionic run browser কমান্ডের মধ্যে আরও পার্থক্য জানতে আপনি এই লিঙ্কটি উল্লেখ করতে পারেন

হালনাগাদ

আয়নিক 3 থেকে এই আদেশটি পরিবর্তন করা হয়েছে। পরিবর্তে নীচের কমান্ডটি ব্যবহার করুন;

ionic cordova platform add browser

ionic cordova run browser

আপনি আয়নিকটির কোন সংস্করণটি চালিয়ে ব্যবহার করতে পারেন: ionic --version


লাইভরেড প্লাগইন কর্ডোভা.জেএস ফাইল পরিবেশন করতে ব্যর্থ হয় এবং বিকাশের সময় // মক কর্ডোভা ফাইল পরিবেশন করে।

ফিক্স: আপনার নোড_মডিউলস / @ আইওনিক / অ্যাপ্লিকেশনস / ডিস্ট / দেব-সারভার / সংরক্ষণ-config.js যেতে হবে

এবং প্রতিস্থাপন

exports.ANDROID_PLATFORM_PATH = path.join('platforms', 'android', 'assets', 'www');

প্রতি

exports.ANDROID_PLATFORM_PATH = path.join('platforms', 'android', 'app', 'src', 'main', 'assets', 'www');

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { EmailComposer } from '@ionic-native/email-composer';

@Component({
  selector: 'page-about',
  templateUrl: 'about.html'
})
export class AboutPage {
  sendObj = {
    to: '',
    cc: '',
    bcc: '',
    attachments:'',
    subject:'',
    body:''
  }

  constructor(public navCtrl: NavController,private emailComposer: EmailComposer) {}

  sendEmail(){
  let email = {
    to: this.sendObj.to,
    cc: this.sendObj.cc,
    bcc: this.sendObj.bcc,
    attachments: [this.sendObj.attachments],
    subject: this.sendObj.subject,
    body: this.sendObj.body,
    isHtml: true
  }; 
  this.emailComposer.open(email);
  }  
 }

starts here html about

<ion-header>
  <ion-navbar>
    <ion-title>
      Send Invoice
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-item>
    <ion-label stacked>To</ion-label>
    <ion-input [(ngModel)]="sendObj.to"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>CC</ion-label>
    <ion-input [(ngModel)]="sendObj.cc"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>BCC</ion-label>
    <ion-input [(ngModel)]="sendObj.bcc"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>Add pdf</ion-label>
    <ion-input [(ngModel)]="sendObj.attachments" type="file"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>Subject</ion-label>
    <ion-input [(ngModel)]="sendObj.subject"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>Text message</ion-label>
    <ion-input [(ngModel)]="sendObj.body"></ion-input>
  </ion-item>

  <button ion-button full (click)="sendEmail()">Send Email</button>

</ion-content>


other stuff here

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { File } from '@ionic-native/file';
import { FileOpener } from '@ionic-native/file-opener';
import { EmailComposer } from '@ionic-native/email-composer';

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    EmailComposer,
    {provide: ErrorHandler, useClass: IonicErrorHandler},  
    File,
    FileOpener
  ]
})
export class AppModule {}