iOS 9:“;意外使用保留字‘;让’;在严格模式下”+“;Can’;找不到变量:fetch”;。运输问题?如何修复?
使用VueCli 3“开箱即用”,我发现我的代码在我的iPad2(iOS 9.3)上不起作用,使用iOS 9.3 emulator,我得到了下一个错误: 1) “在严格模式下意外使用保留字'let'。出于测试目的,我发现,哪个外部组件产生了这个错误并临时删除了它,但后来我又得到了另一个错误 2) “找不到变量:fetch”。我发现阿波罗链接使用了iOS 9:“;意外使用保留字‘;让’;在严格模式下”+“;Can’;找不到变量:fetch”;。运输问题?如何修复?,ios,vuejs2,babeljs,transpiler,vue-cli-3,Ios,Vuejs2,Babeljs,Transpiler,Vue Cli 3,使用VueCli 3“开箱即用”,我发现我的代码在我的iPad2(iOS 9.3)上不起作用,使用iOS 9.3 emulator,我得到了下一个错误: 1) “在严格模式下意外使用保留字'let'。出于测试目的,我发现,哪个外部组件产生了这个错误并临时删除了它,但后来我又得到了另一个错误 2) “找不到变量:fetch”。我发现阿波罗链接使用了fetch 似乎,由于某种原因,我的项目无法传输,但看起来我尝试了所提到的一切 为了以某种方式传输项目,我尝试做了什么: 1) 我将iOS>=9.3添加
fetch
似乎,由于某种原因,我的项目无法传输,但看起来我尝试了所提到的一切
为了以某种方式传输项目,我尝试做了什么:
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仍然存在问题。我的项目使用的是PWA/ServiceWorker,iOS 9不支持它,但我认为SW与这个问题没有任何关系,因为它不应该被iOS 9注册/忽略
我发现iOS 9既不支持也不支持,但据我所知,vue cli应该根据我的设置来处理它。我错过了任何设置吗
那么,为了让项目在iOS 9上运行,我应该做些什么呢
编辑:
1) let
来自我临时删除的vue draggable resizeable
2) fetch
I通过将import'whatwg fetch'
添加到main.js
现在我看到了下一个问题:
意外的关键字“const”。严格模式下不支持常量声明
正如我从中的第3个示例中所看到的,Babel支持const
,并且它必须被传输,但是在编译的chunk vendors.xyz.js
文件中,它产生了上述所有错误,现在我看到了507const
。似乎build
忽略了巴贝尔
如果有任何想法,我将不胜感激。我一个接一个地检查了所有依赖项->刚刚在
main.js
和App.vue
中逐一注释了导入的组件,更改为:
<template>
<div id="app">
TEST
</div>
</template>
到vue.config.js
module.exports = {
...
transpileDependencies: ['bootstrap-vue', 'vue-draggable-resizable']
}