vux在vuecli3.0或者4.0编译不兼容问题修复

2020-01-06  本文已影响0人  学无止境吧

最近做个项目发现在ios9上或者android5上,网页白屏。查看了下发现是第三方UI库vux没有进行es6转es5的操作。
解决办法有2个
第一个,修改vue.config.js:

module.exports = {
    publicPath: './',
    outputDir: 'dist',
    lintOnSave: false, //关闭严格校验
    transpileDependencies: ['node_modules/*','node_modules/vux','vux'],
    configureWebpack: config => {
        config.devServer = {
            host: "0.0.0.0",
            port: 8080,
            open: true,
        }
...

第二种方法:
直接把vux的源码拉进assets目录中,引用的时候

import AlertPlugin from '@/assets/vux/src/plugins/alert/index.js'
import LoadingPlugin from '@/assets/vux/src/plugins/loading/index.js'
import ToastPlugin from '@/assets/vux/src/plugins/toast/index.js'
import ConfirmPlugin from '@/assets/vux/src/plugins/confirm/index.js'

问题修复。

上一篇下一篇

猜你喜欢

热点阅读