Safari 10 上的 Ionic 3 远程内容加载问题

Question

我们正在尝试加载 ionic 3 移动应用程序中的 webapp 内容，并且它在 IOS 11 和 12 以及 android

上工作正常

但是在 IOS 10.2 上它没有加载，当我们远程 debugging.We 可以在浏览器中看到几个问题（当我们不远程加载内容时应用程序运行良好） 1) 视口参数键 "viewport-fit" 无法识别 2) 不能声明一个 let 变量两次

谁能告诉我们如何解决这些问题？

Answer 1

我已经想出如何处理这个问题了。

这可以通过以下更改脚本来解决

创建文件 uglifyjs.config.js 并将 Safari 10 mangle 选项设置为 true -

let defaultConfig = require('@ionic/app-scripts/config/uglifyjs.config');

module.exports = Object.assign({}, defaultConfig, {
    mangle: Object.assign({}, defaultConfig.mangle, {
        safari10: true
    })
});

在config

下的package.json里面使用

 "config": {
    ......
    "ionic_uglifyjs": "./uglifyjs.config.js"
  },

Safari 10 上的 Ionic 3 远程内容加载问题

Ionic 3 remote content loading issue on safari 10

javascript

cordova

ecmascript-6

ionic3

angular