vue打包后iphone 5c ios10.3.3打开报错,调试时无错误. 求解决办法

问题描述:

公司测试小哥的苹果5c在本地调试的时候是可以打开的. 蓝后.. 打包后页面打开空白,在别的手机上表现良好.(可能安卓低版本也会报错吧)

环境背景及尝试过的方法:

出现问题的手机是 10.3ios版本的苹果5c
问题出现后, 我尝试加载 babel-polyfill,es6-promise但没有卵用,依旧报同样的错误

相关代码

 main.js中
    import 'babel-polyfill'
    import Es6Promise from 'es6-promise'
    require('es6-promise').polyfill()
    Es6Promise.polyfill()
webpack.base.conf.js中也尝试过
    entry: {
        app: ["babel-polyfill","./src/main.js"]
    }

报错

  1. SyntaxError: Cannot declare a let variable twice: 't'. vendor.js
  2. TypeError: undefined is not an object (evaluating 'r[n].call')

各位大佬请问是我的开发方式不对吗? 寻求解决办法
.babelrc 代码

    {
      "presets": [
        ["env", {
          "modules": false,
          "targets": {
            "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
          }
        }],
        "stage-2"
      ],
      "plugins": ["transform-vue-jsx", "transform-runtime"],
      "env": {
        "test": {
          "presets": ["env", "stage-2"],
          "plugins": ["istanbul"]
        }
      }
    }

webpack.base.conf.js

  'use strict'
    const path = require('path')
    const utils = require('./utils')
    const config = require('../config')
    const vueLoaderConfig = require('./vue-loader.conf')
    function resolve (dir) {
      return path.join(__dirname, '..', dir)
    }

    module.exports = {
      context: path.resolve(__dirname, '../'),
      entry: {
        app: ["./src/main.js"]
      },
      output: {
        path: config.build.assetsRoot,
        filename: '[name].js',
        publicPath: process.env.NODE_ENV === 'production'
          ? config.build.assetsPublicPath
          : config.dev.assetsPublicPath
      },
      plugins: [
        new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery"
        })
      ],
      resolve: {
        extensions: ['.js', '.vue', '.json'],
        alias: {
          'vue$': 'vue/dist/vue.esm.js',
          '@': resolve('src'),
        }
      },
      module: {
        rules: [
          {
            test: /\.vue$/,
            loader: 'vue-loader',
            options: vueLoaderConfig
          },
          {
            test: /\.js$/,
            loader: 'babel-loader',
            include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
          },
          {
            test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: utils.assetsPath('img/[name].[hash:7].[ext]')
            }
          },
          {
            test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: utils.assetsPath('media/[name].[hash:7].[ext]')
            }
          },
          {
            test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
            loader: 'url-loader',
            options: {
              limit: 10000,
              name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
            }
          }
        ]
      },
      node: {
        // prevent webpack from injecting useless setImmediate polyfill because Vue
        // source contains it (although only uses it if it's native).
        setImmediate: false,
        // prevent webpack from injecting mocks to Node native modules
        // that does not make sense for the client
        dgram: 'empty',
        fs: 'empty',
        net: 'empty',
        tls: 'empty',
        child_process: 'empty'
      }
    }


1

2个回答

我出现了和你一样的问题,你的代码中是不是用了什么插件,比如swiper
vue开发SPA在ios10上的bug

0

我出现了和你一样的问题,你的代码中是不是用了什么插件,比如swiper
vue开发SPA在ios10上的bug https://blog.csdn.net/runonway/article/details/79278765

-1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
apache poi解析Excel时报错,我将Excel打开后保存,就不会报错,用jar完美解决
apache poi解析Excel时报错,我将Excel打开后保存,就不会报错,我将重写的类从新打包这样问题虽然网上有解决方案,但是需要自己打包重写对应类,我已将这些步骤做好了。
装了office2010后VC++6.0打开文件解决方法
经常碰到朋友说打不开文件,报错,原来是因为装了office2010后冲突,替换后打开无错误。
vue打包部署nginx 配置
vue开发完毕,打包之后上线,传到nginx服务器配置问题解决
IOS 10.3.3 越狱
IOS 10.3.3 手动越狱,工具齐全,点击即可操作 不懂的百度。
vue-devtool
vue-devtool,通常用webpack打包的vue,或者说由组件打包的vue在chrome进行调试的效果感人,所以现在可以用vue-devtool进行调试,一款vue的在chrome上的调试工具
反编译和打包
可以反编译APK文件和进行修改,重新打包操作
vue-devtools(已编译,可直接使用)
vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。
iOS 升级10.2 后,Xcode连接真机无法调试的解决包
1⃣️ 下载后,直接前往该路径:/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport 2⃣️ 发现没有10.2 的支持包,拖进去。 3⃣️ 重新选择真机,运行
vue-devtools最新版调试插件(chorm安装)
已经给打包成了.crx后缀名。。打开chorm扩展程序拖进去crx就可安装完成,即可开始调试你的vue程序了
vue项目+hbuilder打包实现微信登陆
vue项目+hbuilder打包实现微信登陆
vue调试插件
vue调试插件,主要用于在浏览器中对vue项目进行调试。下载后解压,打开浏览器输入chrome://extensions/,然后将文件拖入浏览器中。
解决应用启动时白屏或者黑屏的问题
解决应用启动时白屏或者黑屏的问题,就是每次程序启动都会出现短暂的闪屏现象
IPhone 5.01越狱后CYDIA闪退解决办法
IPhone 5.01越狱后CYDIA闪退解决办法
vuejs,webpack 打包 之后的项目 demo
vue 相关的js,webpack打包文
outlook2003报错解决办法
outlook2003报错解决办法,outlook2003报错解决办法
vue项目+hbuilder打包实现app自动检测更新并下载
vue项目+hbuilder打包实现app自动检测更新并下载
关键路径实验报告
这个是自己搞课程设计时弄的。调试无错误的哦~
oracle ORA-01033报错分析和解决方案跟踪文档
oracle ORA-01033报错分析和解决方案跟踪文档
maven打包出错解决办法,亲测绝对可以!
自己整理的maven打包出现错误的解决办法、含有截图等 附带maven搭建私服等资料
谷歌浏览器 chrome vue 调试插件 vue-devtools 及源码
谷歌浏览器 chrome vue 调试插件 vue-devtools chrome(谷歌浏览器)vue代码调试插件, 已打包。解压后,通过chrome扩展程序加载即可使用。 使用方法: 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮,选择解压后的chrome文件夹,即可添加成功。 4、添加完vue-devtools扩展程序之后,我们在调试vue应用的时候,chrome开发者工具中会看一个vue的一栏,点击之后就可以看见当前页面vue对象的一些信息
5C5S的不同
浅析Iphone_5s和5c的不同iphone 5s 中文原理图+元件分布图
epson系列打印机报错全集及解决办法
epson系列打印机报错全集及解决办法 epson系列打印机报错全集及解决办法 epson系列打印机报错全集及解决办法 epson系列打印机报错全集及解决办法
vs打包时许可协议的注意事项
在vs打包后,许可协议无法显示的解决办法
傻瓜教程:把Iphone程序连接真机调试[转]
NULL 博文链接:https://auauau.iteye.com/blog/670459
Vue实战源码
Vue实战源码 亲测可用,无报错。Vue实战源码 亲测可用,无报错。Vue实战源码 亲测可用,无报错。
vue-cli 图片打包成base64的大小限制配置文件件 vue.config.js
vue-cli 图片打包成base64的大小限制配置文件件 vue.config.js
vue开发浏览器调试插件
vue开发浏览器调试插件 vue开发浏览器调试插件 vue开发浏览器调试插件 vue开发浏览器调试插件
ios10.3.2 ios10.2.3shsh备份
打开文档,在*处填入你的ecid(十进制)即可上传
android开发无法打包或打包出错
解决java.io.IOException: Can't read [D:\android_studio\app\libs\libammsdk.jar(;;;;;;!META-INF/MANIFEST.MF)] (Can't process class [com/tencent/wxop/stat/al.class] (Unknown verification type [95] in stack map frame))等无法打包问题, 解压后把android_sdk\tools\下的proguard整个替换。
这个项目是基于vue-cli3.0来构建,并且根据需求做了打包多页面应用;能实时的编译打包;
这个项目是基于vue-cli3.0来构建,并且根据需求做了打包多页面应用;能实时的编译打包,对于路由做了修改处理,可以完美的跑在前后台不分离的项目中;并且对于配置文件做详细的注释
vue项目+hbuilder打包实现微信支付
vue项目+hbuilder打包实现微信支付
解决 win7 opencv+python+pyinstaller 打包之后运行失败
解决 win7 opencv+python+pyinstaller 打包之后运行失败 找不到 cv2的
关于VC打开报错的解决办法
NULL 博文链接:https://xiangxuehai-jiaer.iteye.com/blog/1597416
Delphi 打开两次报错解决办法
打开delphi 两次提示EditorLineEnds.ttr另一个程序正在使用此文件,进程无法访问
ios10.3.3 32位设备越狱工具
ios10.3.3 32位设备越狱工具,用冲击钻安装之后,在移动端越狱,支持iphone5和ipad4
WIN10百分百可用的VC++6.0含教程
C与C++的编程工具VC++6.0,里面含VC++6.0主程序和WIN10打开报错的解决办法文档与相关文件。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
vue-devtools(chrome vue 调试插件)
chrome(谷歌浏览器)vue代码调试插件, 已打包。解压后,通过chrome扩展程序加载即可使用。 使用方法: 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮,选择解压后的chrome文件夹,即可添加成功。 4、添加完vue-devtools扩展程序之后,我们在调试vue应用的时候,chrome开发者工具中会看一个vue的一栏,点击之后就可以看见当前页面vue对象的一些信息
组态王工程打包介绍和常见问题解决办法
今天才开始摸索,如何将组态王的工程打包,做成可移植的程序,现在有了结果,与大家分享!先介绍我遇到的问题,奉上解决办法,希望帮到你!一点一点自己写的,借鉴了一点文档!
SSJ SpringMVC3+JPA2.0(Hibernate4)+FreeMarker
调试@Test报错javax.persistence.spi.PersistenceUnitInfo.getSharedCacheMode()Ljavax/persistence/SharedCacheMode; 部署正常,求解决方案。谢谢
IBM存储解锁
ibm存储报错解决办法 代码解决办法代码解决办法代码解决办法代码解决办法
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 iphone手游开发教程 web调试视频教程