Javascript import function syntax [duplicate]

Question

I am trying to import a function from another module but on running am getting an error:

TypeError: _this.getData is not a function.

data.js

function getData() {
  return [
    { id: 1,
      name: 'Pluto',
      type: 'Dwarf Planet'
    },
    { id: 2,
      name: 'Neptune',
      type: 'Planet'
    }
  ]
}
export { getData }

worker.js

import getData from data.js

this.data = this.getData()

Then on run I get the browser error as mentioned above. Any ideas as to what I am doing incorrectly?

It's getData anyway, not this. There is no this in a module scope. — Bergi
– Bergi, Commented Apr 1, 2017 at 14:29

Joseph · Accepted Answer · 2017-04-01 14:16:21Z

8

That should be

import { getData } from data.js

Without the brackets, you're importing the default export which doesn't exist.

answered Apr 1, 2017 at 14:16

Joseph

120k31 gold badges186 silver badges238 bronze badges

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

Comments

DNM · Accepted Answer · 2017-04-01 14:19:31Z

6

You should omit the "this" keyword when using "getData()" it doesn't belong on the current object.

function getData() { .... }

export default getData;

import getData from "data.js"

this.data = getData();

answered Apr 1, 2017 at 14:19

DNM

1,1493 gold badges13 silver badges17 bronze badges

Comments

Shota · Accepted Answer · 2017-04-01 14:16:23Z

4

Change your import as a named import like this:

import { getData } from data.js

Or export getData function as a default export like this:

export default { getData }

answered Apr 1, 2017 at 14:16

Shota

7,3989 gold badges40 silver badges74 bronze badges

1 Comment

user1258361 Over a year ago

This almost worked for me but it's incomplete. You have to use the braces around the name of the imported function (import { getData } from data.js), AND you have to designate the function as an export where it's defined, if you aren't going to make it an export default. So if you aren't going to export default { getData }, you have to define it as export function getData() {...}, for instance.

Collectives™ on Stack Overflow

Javascript import function syntax [duplicate]

3 Answers 3

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Linked

Related