Repository navigation
Cannot use import statement outside a module #78
Description
If I just add this code, it gives the error "Cannot use import statement outside a module"
What am I doing wrong?
See the code here: https://jsfiddle.net/4gvwatLn/
<script type="module" src="https://unpkg.com/rough-notation?module"></script>
<script>
import { annotate } from 'rough-notation';
// Or using unpkg
// import { annotate } from 'https://unpkg.com/rough-notation?module';
const e = document.querySelector('#myElement');
const annotation = annotate(e, { type: 'underline' });
annotation.show();
</script>
Activity
iamjenny commentedon Jun 27, 2023
import { annotate } from 'rough-notation';is an import statement. The<script>needs to be<script type="module">for code that usesimport.Since you're using the link, you'll want to use the unpkg syntax below, the
import { annotate } from 'https://unpkg.com/rough-notation?module';If you delete your first line, add type module to the script tag, and use the second import commented out, the fiddle starts to work :)
Commenting here because I went through the exact same experience and came to this realization.