Calling a variable from a javascript file returns an undefined: Ionic

Question

I'm using the Ionic framework and I want to call a variable from a javascript file, but it returns undefined for the variable and prints the console inside the file.

javascript file:

console.log('Hi!')
var test = "Hello";

typescript file:

import * as testfile from "src/assets/js/customers"

export class CustomersPage implements OnInit {
  test:any='j';
constructor (){
this.test= testfile.test;
console.log('Hello from typescript', this.test);
}

}

The Result

Hi

Hello from typescript undefined

Nitheesh · Accepted Answer · 2022-09-12 08:11:18Z

2

You should export the variable from your JavaScript file for the value to be accessible inside the TypeScript file.

So inside your "src/assets/js/customers" file it should be

export var test = "Hello";

OR

var test = "Hello";
export test;

If this is not a default export you need to import it like

import * as { testfile } from "src/assets/js/customers"

answered Sep 12, 2022 at 8:11

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alper · Accepted Answer · 2022-09-12 08:15:46Z

0

//Dont forget to export your JS file to use in other files.

import * as testfile from "src/assets/js/customers"

export class CustomersPage implements OnInit {
  
constructor (
  public test: testfile.test
    ){}
  async ngOnInit(){
    console.log('Hello from typescript', test);
  }
}

//or

import * as testfile from "src/assets/js/customers"

export class CustomersPage implements OnInit {
  
  async ngOnInit(){
    this.test = testfile.test
    console.log('Hello from typescript', this.test);
  }
  
  test
}

edited Sep 12, 2022 at 8:15

answered Sep 12, 2022 at 8:14

Alper

11 bronze badge

Collectives™ on Stack Overflow

Calling a variable from a javascript file returns an undefined: Ionic

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related