如何使用节点模块？ SyntaxError：导入声明只能出现在模块的顶层答案

【问题标题】：How to use node module? SyntaxError: import declarations may only appear at top level of a module如何使用节点模块？ SyntaxError：导入声明只能出现在模块的顶层
【发布时间】：2019-01-14 00:17:51
【问题描述】：

我正在尝试使用 fetch-jsonp，所以我键入 npm i fetch-jsonp 来下载它，并将其放在我的 package.json 依赖项中。然后我尝试使用以下方式导入它：

import fetchJsonp from 'fetch-jsonp';

在我的 main.js 顶部，但它不断收到此错误：

语法错误：导入声明只能出现在模块的顶层

这是什么原因造成的？我的文件结构是：

JS -> main.js

node_modules -> fetch-jsonp

.gitignore

index.html

package.json

【问题讨论】：

“顶级”表示“不在函数内部”
我在我的 js 文件顶部写了导入行。 “main.js:1”在控制台的错误旁边
看起来不太可能，但也许是 fetch-jsonp 包的问题？

标签： javascript npm jsonp

【解决方案1】：

将脚本键入为您引用它的模块。像这样：

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

更多信息请参见this answer。

【讨论】：