filesaver.js 的 Javascript 导入

Question

我不熟悉在 Javascript 中使用导入函数，并且对 how to install filesaver.js. 上的说明感到困惑

在我的代码中，我有:

<script src="/scripts/FileSaver.js"></script>

<script>
    import { saveAs } from 'file-saver/FileSaver';
    $("#xmlToFile").click(function() {
            var xml = $("#jobXml").val();
            var blob = new Blob([xml], { type: 'text/xml' });
            var filename = $("#Job_JobID").val();
            saveAs(blob, filename + ".txt");
        });
</script>

但是 Chrome 在导入行中因意外 token {而阻塞

我做错了什么？

Answer 1

该模块似乎是为使用 WebPack 的项目而设计的和 Babel ，但您试图将其直接加载到浏览器中而不进行转译。

他们的维基 has an example展示如何使用为浏览器预编译的版本:

<script src="http://cdn.jsdelivr.net/g/filesaver.js"></script>
<script>
      function SaveAsFile(t,f,m) {
            try {
                var b = new Blob([t],{type:m});
                saveAs(b, f);
            } catch (e) {
                window.open("data:"+m+"," + encodeURIComponent(t), '_blank','');
            }
        }

SaveAsFile("text","filename.txt","text/plain;charset=utf-8");

</script>