How to use node module? SyntaxError: import declarations may only appear at top level of a module

Question

I'm trying to use fetch-jsonp, so I type npm i fetch-jsonp to download it and its in my package.json dependencies. Then I try to import it using:

import fetchJsonp from 'fetch-jsonp';

at the top of my main.js but it keep getting this error:

SyntaxError: import declarations may only appear at top level of a module

What is causing this? My file structure is:

JS -> main.js

node_modules -> fetch-jsonp

.gitignore

index.html

package.json

I wrote that import line at the top of my js file. "main.js:1" is beside the error in the console — nameless, Aug 07 '18 at 02:09
Seems unlikely, but perhaps it's a problem in the fetch-jsonp package? — Daniel Griscom, Aug 07 '18 at 02:57

score 0 · Answer 1 · answered Nov 04 '18 at 13:58

0

Type the script as a module where you reference it. Like so:

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

See this answer for further information.

answered Nov 04 '18 at 13:58

Groschenroman

1 Answers1