PptxGenjs writeFile() 在 IE11 中不起作用答案

【问题标题】：PptxGenjs writeFile() not working in IE11PptxGenjs writeFile() 在 IE11 中不起作用
【发布时间】：2020-03-26 16:33:51
【问题描述】：

虽然一切似乎都正常，但当调试器点击 pres.writeFile() 函数时，我根本无法获取 pptx。主要是一个基于承诺的问题。当然，在使用 Chrome 进行测试时，一切都可以正常工作。以前有人遇到过类似的问题吗？有什么建议么？ IE11有什么问题？

    var pres = new pptxgen();

function fetch_data(el) {
    $.ajax({
        url:`${document.querySelector('.off-to-see-the-wizard > .route').innerHTML}`,
        contentType:"application/json",
        dataType:"json",
        success:function(response){
            if(response)
            {                 
                var data=JSON.parse(response);
                createPresentation(data,el);
            }
            else{
                console.log(response)
            }
        },
        error:function(err){
            console.log(err);
        }
    })
}


function createPresentation(data){
    var second_image="image/base64 ...."
    var main_image="image/jpg;base64 ..."

    function createMasterSlide(pres){
        pres.defineSlideMaster({
                title:'MASTER_SLIDE',
                bkgd:  'FFFFFF',
                objects:[
                    {'text':{text:`Test ${data._gateDescript} review`,options:{color:'000000',x:4.7,y:6.77,h:0.46,w:3.63, fontSize:14}}},
                    {'image':{x:0.3,y:6.47,w:1.14,h:0.83,data:second_image}}
                ],
                slideNumber: { x:9.11, y:6.77 ,w:0.43 ,h:0.42}
            })
        }
    function createMainSlide(pres){
        pres.author="Team";
        pres.layout='LAYOUT_4x3';
        let main_slide=pres.addSlide();
        main_slide.addImage({data:main_image, w:10, h:7.5})
        main_slide.addText(`Project ID:  ${data._p.Id}\nProject Name: ${data._p.Name}`, {color:'D55C00' ,x:0.47, y:3.56, w:5.0, h:0.7, fontSize:24})
        main_slide.addText(`Review: Test ${data._gateDescript} \nDate: ${Date.now()} `)
        }

    createMasterSlide(pres);
    createMainSlide(pres);
    pres.writeFile('Presentation.pptx');
}

快速更新错误：请看附图。 Error

我知道jszip对ie11有问题具体来说，pptxgenjs 使用了运行 generateInternalStream 的 jszip。在此功能的范围内，发生了一些事情。有什么线索吗？

【问题讨论】：

它是 IE，基本上带有 ES5 JS 引擎和过时的 DOM。使用 Babel 或者干脆放弃对 IE 的支持，它的供应商多年前就放弃了该浏览器的开发......
我正在使用 webpack 并且已经有 babel loader ...好吧，我很困惑
错误消息指的是本地对象的猴子修补或子类化失败，但没有看到代码，任何人都无法准确地说出任何事情。
能否请您提供a minimal, reproducible sample，以便我们进行测试并了解如何提供帮助？只有上面的描述，我们无法定位问题。感谢您的理解。
好吧，当代码使用 ie11 访问 pptx.writeFile('test-pptx') 时，会调用 pptxgen.es.js 并在其中出现描述错误。

标签： javascript internet-explorer-11 pptxgenjs

【解决方案1】：

您使用的是哪个版本的 jszip？看来pptxgenjs@3.1.1默认使用jszip v3.2.1。

我发现在 IE 和 Edge 中使用 jszip 版本 3.2.x 时有些错误。你可以参考this thread。没有这个问题的最后一个版本是 3.1.5。您可以尝试使用 jszip 版本 3.1.x。

【讨论】：

在打开这个帖子之前，我已经查看了这个帖子。我使用 jszip 3.1.5 得到同样的错误！你只是让我想知道。当你没有 pptxgenjs 包时，它需要 jszip 。看到那个线程我也安装了 jszip 3.1.5。也许我不是在指导 pptxgens 使用这个 jzip？不知道，还有这个问题。顺便说一句，当我使用 webpack 制作一个 bundle 时，我的大部分节点模块都被排除在外，而我将 pptxgenjs 设置为不包含。也许我也不应该排除 jszip？
@EDell 干杯！您可以将您的解决方案发布为答案，并将您的答案标记为已接受的答案。它可以在未来帮助其他社区成员解决类似的问题。感谢您的理解。
@Yu_Zhou 当然可以！再次感谢！

【解决方案2】：

快速更新供您参考。最终通过安装 jszip 3.1.5 版本解决了这个问题。使用 IE11 稳定且功能强大。

所以你应该安装这个特定的版本

npm install jszip@3.1.5 --save

然后请导航到节点模块，复制所有 jszip 节点模块。导航回 pptxgenjs 节点模块。导航到 pptxgenjs--->node_modules 并使用您之前安装和复制的版本覆盖 jszip。

所以 pptxgenjs lib 将使用 jszip 3.1.5 版本。

问题已解决。谢谢大家:)

【讨论】：