• vux+vue-cli3.0坑


    最近开发了项目使用了vue-cli3.0+vux搭建的项目,现在总结遇到的问题;

    环境:github vux有关于vue-cli3.0以及vux已经搭建好的脚手架vux-cli3链接

    一:如下报错

    解决方法:

    1:按照官方文档,寻找问题

    2:安装github有关于vue-cli3.0已经搭好的环境链接,但是也需要注意引入方式,否则还是会报错的

      ①:全局引入,在main.js中引入组件全局注册,在组件中直接使用就可以啦

                

      ②:组件中按需引入,需要创建单独的js文件引入,然后在.vue的script标签用引入js文件。比如我创建的Tabbar.js文件引入注册了vux的tabbar组件,在Tabbar.vue的script中引入Tabbar.js文件就好了

               

    二:打包生成的js中还包含es6语法,导致低版本的手机(ios9)打不开页面,最开始自己觉得很奇怪,毕竟vue-cli3.0本来可以自动的有转换的,但是npm run build之后一直还包含

    解决办法:

    ①:稀土掘金上的一篇文章,一般是可以解决的https://juejin.im/post/5cb1dc4c5188251b1f4d95ed

    ②:官方文档https://juejin.im/post/5cb1dc4c5188251b1f4d95ed 浏览器兼容性,这只是第一步

      

      其实npm run build之后的文件里面还包含es6是因为vux 也就是ui框架里面的并没有转换,所以需要添加如下图,将vux也进行一步转换

           

    简单的记录,问题是解决了,也许还有更好地办法,慢慢挖掘

  • 相关阅读:
    类和对象
    数组
    随笔3
    设计把所有的奇数移动到所有偶数前面的算法
    选择排序
    队列的链式存储结构
    循环队列
    一起玩算法(把所有相同的数字后移)
    判断序列B是否是序列A的连续子序列
    power bi创建切片器导航
  • 原文地址:https://www.cnblogs.com/hongll/p/11221304.html
Copyright © 2020-2023  润新知