How to use Javascript "export" and "import" functions properly?

Question

I want to export function from lib.js file to main.js file. I have

// lib.js
export const sqrt = Math.sqrt;
export function square(x) {
   return x * x;
}
export function diag(x, y) {
   return sqrt(square(x) + square(y));
}

// main.js 



import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3)); // 5

After I connected main.js file to index.html file, in console I can find:

Uncaught SyntaxError: Unexpected token export  lib.js:1

What am I doing wrong? Or how to use "export" and "import" properly?

import and export are not fully supported in the browser. You usually need a bundler (like Webpack) in order to create a package that has everything in it for the browser. — Davin Tryon
– Davin Tryon, Commented Jun 19, 2017 at 7:40

shaunak1111 · Accepted Answer · 2017-06-19 08:01:37Z

1

The native import is still not supported in node v6 and some browsers.

Import

You can use Typescript for import statement support in browsers

answered Jun 19, 2017 at 8:01

shaunak1111

9911 gold badge11 silver badges17 bronze badges

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

Comments

p7adams · Accepted Answer · 2018-02-04 14:03:03Z

1

The problem is finally solved after weeks. I'd never before used node.js enviroment and I had an interview task where functions should look like this:

    exports.functionName = () => {
       // smth here
    };

And that is why I've tried to use import, cause I thought it was misspelling in description of the task. But the solution was to install node globally. Create .js file with that function above, and just run in like this in terminal:

cd TaskDirectory
node nameOfFile.js

For all those newbies, like me. You can all your console.log's inside terminal, so you don't have to stick your .js file to .html to debug and check log's in browser.

answered Feb 4, 2018 at 14:03

p7adams

6623 gold badges9 silver badges27 bronze badges

Comments

Tushar Walzade · Accepted Answer · 2017-06-19 07:42:44Z

0

You may refer mozilla documentation -

1) export

2) import

answered Jun 19, 2017 at 7:42

Tushar Walzade

3,8274 gold badges38 silver badges60 bronze badges

Collectives™ on Stack Overflow

How to use Javascript "export" and "import" functions properly?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related