2020-01-03

>

白屏问题

在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')] // 找到对应的第三方库文件。。

      },