ES6 import Mark from file not working

Describe the bug I’m using the pure javascript ES6 file. The script below is a module added by script[type=module].

import { Mark } from '../import/mark.es6.js';

console.log(Mark);

Result: Uncaught SyntaxError: import not found: Mark.

I have also tried to import for side effects:

import '../import/mark.es6.js';

console.log(Mark);

Result: Uncaught TypeError: global is undefined

To Reproduce Steps to reproduce the behavior:

1. Download the dist/ archive and copy the mark.es6.js file somewhere in the project directory (e.g. /js/import/mark.es6.js)
2. Create a new JS file (e.g. /js/example.js) and add it as a module to the html page via script[type=module]
3. Edit example.js and import Mark from it: import { Mark } from './import/mark.es6.js';
4. Load the page on your browser and check the console for errors.

My workaround Put Mark in the global scope by adding it like this:

<script defer src="/js/import/mark.es6.js"></script>

Browser Firefox 90.0.2

[kaseyhinton]

I am also running into the same problem. For ecmascript imports to work you need to provide something that looks like this

default export

export default Mark;

default import

import Mark from 'mark.js/dist/mark.es6.js';'

export

export const Mark;

import

import { Mark } from 'mark.js/dist/mark.es6.js';'

[dabrahams]

@kaseyhinton if you know what to do, I suggest submitting a PR