语法错误:导入声明可能仅出现在模块的顶层

2022-08-30 04:40:51

我正在尝试使用GitHub上发现的名为“Simplebar”的插件,GitHub SimpleBar,但在下载脚本并查看简单.js脚本后,它似乎有一个错误“语法错误:导入声明可能只出现在模块的顶层”

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

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

import './simplebar.css'

如果我在浏览器调试器中查看,我会看到一个错误:“语法错误:导入声明可能只出现在模块的顶层”。

有没有人尝试过我们这个插件。

非常感谢您抽出宝贵时间。


答案 1

我在Firefox(FF58)上得到了这个。我用以下方法修复了这个问题:

  1. 它仍然在Firefox上进行实验(从v54开始):您必须将变量设置为truedom.moduleScripts.enabledabout:config

来源:Mozilla 上的导入页面(请参阅浏览器兼容性)

  1. 添加到导入 js 文件的脚本标记type="module"

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

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

import * from "./mylib.js"

有关更多示例,此博客文章很好。


答案 2