SyntaxError: 导入声明只能出现在模块的顶层

我正在尝试使用 GitHub GitHub SimpleBar上的一个名为“ Simplebar”的插件,但是在下载了这些脚本并查看了 simple.js 脚本之后,似乎出现了一个错误“ SyntaxError: import 声明可能只出现在模块的顶层”

在 simplebar.js 文件的顶部有一些导入代码行:

import scrollbarWidth from 'scrollbarwidth'
import debounce from 'lodash.debounce'


import './simplebar.css'

如果我查看我的浏览器调试器,我看到一个错误: “ SyntaxError: import 声明可能只出现在模块的顶级”。

有没有人试图给我们这个插件。

非常感谢您的宝贵时间。

318921 次浏览

我在 Firefox (FF58)上得到了这个,我用以下方式修复了它:

  1. 它仍然在 Firefox 上进行试验(从 v54开始) : 必须将 about:config中的变量 dom.moduleScripts.enabled设置为 true

资料来源: 导入 mozilla 页面(请参阅浏览器兼容性)

  1. type="module"添加到您导入 js 文件的 script 标记中

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

  1. 导入文件必须前缀(.//../http://之前)

import * from "./mylib.js"

对于更多的例子,这个 博客文章是好的。