第一次vue单页面应用ios低版本爬坑总结

Mr_houzi 发布于2019-08-23 12:15 / 1057人阅读

摘要：打包后打开报错调试时无错误求解决办法问题链接解决办法配置出现的问题问题链接解决办法通过降级到版本测试通过使用时，在非生产环境配置中，额外指定对脚本的转换测试通过当然可能会是别的什么插件出现这种问题解决办法同第条报错解决办法

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

解决办法 webpack.prod.conf.js 配置

const UglifyJsPlugin = require("uglifyjs-webpack-plugin")
new UglifyJsPlugin({
  uglifyOptions: {
    compress: {
      warnings: false
    },
    mangle: {
      safari10: true
    }
  },
  sourceMap: config.build.productionSourceMap,
  parallel: true
})

2.出现"SyntaxError: Use of const in strict mode."的问题
问题链接
解决办法

通过降级webpack-dev-server到2.7.1版本 - 测试通过
使用babel-loader时，在非生产环境配置中，额外指定对node_modules/webpack-dev-server/client/index.js脚本的转换 - 测试通过
当然可能会是别的什么插件出现这种问题,解决办法同第2条.

3.iOS8.1 Safari 报错 SyntaxError: Unexpected keyword "const".
解决办法

第一种情况: 同问题2解决办法
第二种情况: 第一种情况不匹配,那可能是因为引用了某些插件,比如说 swiper 4.0

4.ios低版本 swiper打包后报 class 关键字错误解决办法
问题链接
当我发现引用低版本swiper后终于解决了问题3的报错,然鹅又有一个新的错误等着我.
解决办法

外部引用swiper

5.not a function
解决办法

 全局es6函数写法改es5

idc机房托管服务器托管单页面应用数据库版本低应用技巧总结 vue.js多页面

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98191.html

前端爬坑日记之vue内嵌iframe并跨域通信

摘要：由于该项目是基于原本的安卓，做的微信，所以原来的使用的页面现在需要在中实现，那就是使用查看了很多很多文档，其中这一篇是很有价值的下面将天的爬坑最终以问答的方式总结如下组件中如何引入如何获取对象以及内的对象如何向内传送信息内如何向外部发送信息由于该项目是基于原本的安卓app，做的微信h5，所以原来的使用webview的页面现在需要在vue中实现，那就是使用iframe查看了很多很多文档...

dreambei 2019-08-23 11:42 评论0 收藏0
基于vue2.0+weex开发app 之中遇到的问题（爬坑之旅）

摘要：在组建中增加属性以及在监听事件中增加为现在这个问题已经解决完毕，后续会增加上第二个问题的解决方案。慢慢进行，爬坑之旅，希望大家多多指点前端小白一枚，通过接触一段时间的 weex，谈下自己的想法和其中遇到的问题现在先来说下碰到的问题：在一个页面中是 video 列表，要根据滚动来控制该哪个视频来播放 tab 页面里面有不同的数据列表，各个 tab 页面的刷新和加载状态无法重置问题...

booster 2019-08-20 16:36 评论0 收藏0
基于vue2.0+weex开发app 之中遇到的问题（爬坑之旅）

摘要：在组建中增加属性以及在监听事件中增加为现在这个问题已经解决完毕，后续会增加上第二个问题的解决方案。慢慢进行，爬坑之旅，希望大家多多指点前端小白一枚，通过接触一段时间的 weex，谈下自己的想法和其中遇到的问题现在先来说下碰到的问题：在一个页面中是 video 列表，要根据滚动来控制该哪个视频来播放 tab 页面里面有不同的数据列表，各个 tab 页面的刷新和加载状态无法重置问题...

weizx 2019-08-01 16:50 评论0 收藏0
前端--iframe爬坑记录

摘要：且中没有缓存这些消息。查阅了很多资料，后来发现这又是一坑。在没有加载完成的情况下，消息自然是发不到的。解决办法就是需要的事件写到的事件中，代码如下 1、iframe通信由于项目中有用到vue嵌入静态页面实现功能，vue页面和普通H5页面通信就是个问题。这篇文章写得很详细https://segmentfault.com/a/11... 但是在开发过程中还是遇到了一些问题，比如：ifra...

CntChen 2019-08-23 13:10 评论0 收藏0