>
在mpvue中的小程序,部分客户点击进入小程序会出现白屏问题
原因是:经过在打包后的文件,dist文件下进行搜索后,发现vendor文件中有部分es6语法。。存在。
分析:vendor文件在webpack配置中,是代表的是打包后的是引入的第三方库文件。
首先:要查找是哪个未被编译的第三方库--->-----------------没有转成es5
第一步:由于vendor是压缩后的文件,不易观察,所以要还原,未压缩的文件显示。。
方法如下:uglifyjs-webpack-plugin这个插件进行压缩丑化了,所以要找到项目中的配置文件,
把压缩丑化的代码先注释掉就可以了。于是就可以查找问题所在处。
之后发现是富文本的第三方组件库mpvue-wxParse,mpvue-wxParse 是适用于Mpvue的微信小程序富文本解析组件,支持 HTML 及 markdown 解析。它没有编译成es5。
最后解决问题:
在webpack.config.js中进行配置,把这个第三方库文件进行,编译成es5代码。
加上如下代码:
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('node_modules/mpvue-wxparse')] // 找到对应的第三方库文件。。
},