Barcode Generator (NOT QR CODE) in Ionic 4?

Ionic Framework ionic-v3
1

Hello everybody, by any chance any of you has a succesfull way to implement Barcode encode in Ionic v4? I cant seem to find a way to do it only in QR.
Thanks in advance

2
3

Hello, thanks for your reply im currently using that plugin to read the barcode and qrcodes BUT currently the plugin can only encode qr code type barcodes nor 1D or 2D normal barcodes.

4

You might want to try this https://lindell.me/JsBarcode/

5

I tried to implement that too, but im getting an error i cant fix:
"export ‘JsBarcode’ was not found in ‘jsbarcode/src/JsBarcode’.

This is my code maybe you can help me :

import { Component, OnInit, ViewChild, ElementRef  } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';

import { BarcodeScanner, BarcodeScannerOptions } from '@ionic-native/barcode-scanner/ngx';
import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { GetService } from '../../get.service';
import { QRCodeModule } from 'angularx-qrcode';
import {JsBarcode} from 'jsbarcode/src/JsBarcode';

@Component({
  selector: 'app-premio-single',
  templateUrl: './premio-single.page.html',
  styleUrls: ['./premio-single.page.scss'],
})
export class PremioSinglePage implements OnInit {
  cliente: any;
  premio: any;
  encodeData: any;
  myAngularxQrCode: 'data';
  @ViewChild('barcode') barcode: ElementRef;
  constructor(private newsService: GetService, private router: Router, private route: ActivatedRoute, private platform: Platform,
    private splashScreen: SplashScreen, private statusBar: StatusBar, ) {
  }

  ngOnInit() {
    this.premio = this.newsService.currentpremio;
    if(this.premio === undefined){
      this.router.navigate(['/menu/premiosreclamados']);
      return;
    } else {
      this.encodeData = this.premio['Codaut'];
      this.myAngularxQrCode = this.encodeData;
    }
    JsBarcode(this.barcode.nativeElement, '12345');
  }

}

I even tried with something i found on their issues on github
import { JsBarcode } from ‘jsbarcode/src/JsBarcode’;
// or
import * as JsBarcode from ‘jsbarcode/src/JsBarcode’;

6

Try this:

import * as JsBarcode from "JsBarcode";
7

Thanks Tokuhara, that did the trick i tried several things and none of them worked, until i used the one in your comment.

Thanks!!