IE 11 兼容PnP.js

本文介绍了如何通过Babel-polyfill和es6-promise为Vue项目引入ES6兼容性,以及如何使用@pnp/polyfill-ie11确保在SharePoint环境下,项目能在IE11下正常运行,包括关键步骤和设置技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先执行

      npm install babel-polyfill --save

      npm install es6-promise --save

然后在main.js文件中引用:

      import 'babel-polyfill'

      import Vue from 'vue'

      import Es6Promise from 'es6-promise'

      Es6Promise.polyfill()

最后 build/webpack.base.conf.js 文件中配置如下:

      module.exports = {

           entry: {

             app: ["babel-polyfill", "./src/main.js"]

          }

     };

接下来安装

      npm install --save @pnp/polyfill-ie11

然后页面这样设置(很重要部分,要不然页面依然出不来)

   1.首先是引用pnp依赖

        import '@pnp/polyfill-ie11';

        import { sp } from "@pnp/sp";

        import { Web } from "@pnp/sp/presets/all";

   2.然后在紧接着在依赖下面设置IE11兼容性

        //兼容IE11

        sp.setup({

          // set ie 11 mode

          ie11: true,

        });

        const web = Web("sharepoint 站点");

 

好了页面加载正常(不要问我为什么,血的教训总结出来的;希望可以帮助到大家)

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值