iOS 9 : “unexpected use of reserved word ‘let’ in strict mode” + “Can’ t find variable: fetch”. 转译问题？怎么修？

Question

我发现“开箱即用”使用 VueCli 3，我的代码在我的 iPad 2 (iOS 9.3) 上不起作用，使用 iOS 9.3 模拟器时我遇到了下一个错误:

1) “在严格模式下意外使用保留字‘let’”。出于测试目的，我发现哪个外部组件产生了这个错误并临时删除了它，但后来我又遇到了另一个错误......

2) “找不到变量:获取”。我发现 fetch 被 apollo-link 使用。

似乎由于某种原因我的项目无法转译，但看起来我已经尝试了所有提到的内容 on this doc page .

为了以某种方式转换项目，我尝试做的事情:

1) 我将 iOS >= 9.3 添加到 .browserlistrc -> 没有任何变化；

2) 添加了 import '@babel/polyfill' 到 main.js 和

module.exports = {
  presets: [
    ['@vue/app', { useBuiltIns: "entry" }]
  ]
} 

到 babel.config.js -> 没有改变；

3) 尝试打开/关闭现代模式 -> 没有任何改变；

4) 尝试添加

module.exports = {
  ...
  transpileDependencies: ['vue-apollo']
}

到 vue.config.js -> 没有任何改变。

以防万一，我的依赖项:

"dependencies": {
  "bootstrap-vue": "^2.0.0-rc.11",
  "register-service-worker": "^1.5.2",
  "vue": "^2.5.17",
  "vue-apollo": "^3.0.0-beta.11",
  "vue-awesome-swiper": "^3.1.3",
  "vue-draggable-resizable": "git+https://github.com/mauricius/vue-draggable-resizable.git#develop",
  "vue-router": "^3.0.1",
  "vue-youtube": "^1.3.0",
  "vuedraggable": "^2.17.0",
  "vuex": "^3.0.1",
  "vuex-persistedstate": "^2.5.4"
},

所以没有任何帮助 -> iOS 9.3 仍然有问题。我的项目使用 iOS 9 不支持的 PWA/ServiceWorker，但我认为 SW 与这个问题没有任何关系，因为它根本不应该被注册/应该被 iOS 9 忽略。

我发现，iOS 9 不支持 let也不fetch ，但据我了解，vue-cli 应该根据我的设置来处理它。我是否遗漏了任何设置？

那么，为了让项目在 iOS 9 上运行，我应该怎么做？

编辑:

1) let 来自 vue-draggable-resizable，我暂时删除了它。

2) fetch 我通过将 import 'whatwg-fetch' 添加到 main.js

来修复

现在我看到下一个问题:意外的关键字“const”。严格模式不支持 Const 声明。

正如我从 the Babel home page 的第三个例子中看到的那样, Babel 支持 const 并且它必须被转译，但是在编译的 chunk-vendors.xyz.js 文件中，它产生了上面提到的所有错误，现在我看到 507 常量。似乎 build 忽略了 Babel。

如果有任何想法，我将不胜感激。

Answer 1

我一一检查了我所有的依赖项 -> 只是在 main.js 和 App.vue 中一一注释导入的组件更改为:

<template>
  <div id="app">
    TEST
  </div>
</template>

结果是:

1) boostrap-vue 产生const 问题

2) vue-draggable-resizable 产生let 问题。

3) apollo-link 产生fetch 问题。

因此，在我的例子中，我需要将 import 'whatwg-fetch' 添加到 main.js 和

module.exports = {
  ...
  transpileDependencies: ['bootstrap-vue', 'vue-draggable-resizable']
}

到vue.config.js。