最近做个项目发现在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'
问题修复。
网友评论