无法使用 Split.js 创建拆分器

Question

我有：

<script src="https://unpkg.com/split.js/dist/split.min.js"></script>
<script type="module">
    $(document).ready(function() {
        import Split from 'split.min.js'
        Split(['#split-0', '#split-1'],
            {
                direction: 'vertical'
            });
    });
</script>

所以，我有一个错误：

Uncaught SyntaxError: Unexpected identifier

引用 import Split from 'split.js' 时出错我应该怎么办？代码是从官方网站复制的。

Answer 1

如果您使用脚本的 UMD 版本，就像您在示例中通过引用 URL https://unpkg.com/split.js/dist/split.min.js 所做的那样，拆分对象不会公开作为可以通过导入语句访问的 JavaScript 模块。

相反，它将作为全局变量提供，您可以通过 window.Split 或简单地 Split.

访问它

这应该有效：

<script src="https://unpkg.com/split.js/dist/split.min.js"></script>
<script>
    $(document).ready(function() {
        Split(['#split-0', '#split-1'],
            {
                direction: 'vertical'
            });
    }); 
</script>

无法使用 Split.js 创建拆分器

Can't create splitter with Split.js

javascript

syntax-error

splitter

split.js