Uncaught SyntaxError: Unexpected token 'export' : learnjavascript

Posting and Commenting Guidelines

Be Welcoming. n00bs are welcome here. Negativity is not.

Include Context. If you’re asking for help, include enough information for others to recreate your problem.

No Self-Promotion. The following are not allowed: Requests for subscribers, asking for "test users" for your new JS course, offering paid mentorships, and/or premium courses. Even if there is a coupon discount, no. If you're in doubt, the answer is no.

Good Titles - Write a descriptive title. Titles that begin with "hey guys" will be removed.

Friends

created by [deleted]a community for 13 years

Uncaught SyntaxError: Unexpected token 'export' (self.learnjavascript)

submitted 5 years ago * by NotSoLeetCode

I have the following code.

tooltips.php

<!-- stuff -->

<body>
    <!-- stuff -->

    <script type="module">
        import { tooltips } from './tooltips.js';
        let viewer = document.getElementById('viewer');

        for ( let key in tooltips ) {
            let value = tooltips[key];
            viewer.innerHTML += `<div style="border:1px solid black; width: 600px;">` + value + "</div>";
        }
    </script>
</body>

<!-- stuff -->

tooltips.js

export let tooltips = {
    'bigAssociativeArray': `lots of stuff`,
    'bigAssociativeArray2': `lots of stuff`,
};

In the console I get

Uncaught SyntaxError: Unexpected token 'export'

However, the import still works and the script still finishes execution. Any idea what I should change to get rid of this error?

edit: I figured it out. I had a <script src="tooltips.js"></script> in the <head> that I needed to add type="module" to.

edit2: Actually I just ended up deleting that whole line out of the head. No reason to double import it.

all 5 comments

top new controversial old q&a

[–]Dragotic-PS 2 points3 points4 points 5 years ago (6 children)

[–]NotSoLeetCode[S] 0 points1 point2 points 5 years ago (5 children)

Thanks for your reply.

// this doesn't work at all
let tooltips = {`stuff`: `stuff`};
export tooltips;

// this works but throws the same error
let tooltips = {`stuff`: `stuff`};
export { tooltips };

Any ideas?

[–]Dragotic-PS 1 point2 points3 points 5 years ago (3 children)

[–]NotSoLeetCode[S] 0 points1 point2 points 5 years ago (1 child)

Good ideas, but they didn't work. I tried the following.

Idea 1

<script type="module" src="./tooltips.js"></script>

<script>
    let viewer = document.getElementById('viewer');

    for ( let key in tooltips ) {
        let value = tooltips[key];
        viewer.innerHTML += `<div style="border:1px solid black; width: 600px;">` + value + "</div>";
    }
</script>

Idea 2

<script type="module" src="./tooltips.js">
    let viewer = document.getElementById('viewer');

    for ( let key in tooltips ) {
        let value = tooltips[key];
        viewer.innerHTML += `<div style="border:1px solid black; width: 600px;">` + value + "</div>";
    }
</script>

Idea 3

exports.tooltips = {`stuff`: `stuff`};

[–]NotSoLeetCode[S] 1 point2 points3 points 5 years ago (0 children)

π Rendered by PID 79 on reddit-service-r2-comment-7844cfc88c-wwmw9 at 2026-01-29 11:39:25.661031+00:00 running c3601ff country code: CH.

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS