jin-yufeng/mp-html

uniapp-vue3-APP编译报错

itmanyong opened this issue · 0 comments

itmanyong commented

运行环境

uniapp
HbuilderX-3.6.12-alpha(vue3)
vite-3.2.4
安卓模拟器(雷电模拟器)

错误情况

  • 1.HuilberX编译阶段报错(日志显示"应用【qh-app】已启动"之后)
  • 2.编译为H5不报错，APP报错内容如下
reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->Uncaught ReferenceError: Cannot access 'q' before initialization
 at  (app-service.js:2:92033)
 at  (app-service.js:2:126674)

使用方式

  • 1.uniapp社区插件导入uni_modules方式
  • 2.npm安装包方式

复现步骤

  • 1.渲染代码
<view class="box-border bg-white content">
     <mpHtml :content="testHtmlStr" />
</view>
  • 2.渲染富文本内容
const testHtmlStr = `<article class="syl-article-base tt-article-content syl-page-article syl-device-pc"><p>近日，一网友发布视频称，他前往北京丰台某药店给怀孕的妻子买退烧药，但该药店有药却不卖，引发网友热议。</p><p>该网友用视频记录下了进药店的过程。其称，“我媳妇怀孕了，医生说只能吃泰诺林。这个女的（指药店店员）说没有（这个药），结果我趁他们开门，偷偷进药房。大家看看（指向货架），全是泰诺林。我说求求您啊，就卖我一盒，我媳妇阳性发着烧呢，她跟我说不知道价格。来看看（指向货架上的商品价格标签），写着价格呢，他们就是不卖。”</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TPsE0qy328RGwC~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1671528502&amp;x-signature=dqCJh864RcD7UX3AJbIxb3j6%2BDc%3D" img_width="961" img_height="1408" image_type="1" mime_type="image/jpeg" web_uri="tos-cn-i-tjoges91tu/TPsE0qy328RGwC" class="syl-page-img" style="height: auto;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TPsE0roGKZhk9v~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1671528502&amp;x-signature=vy7pFoGSO2FiNQASaIvJD%2FAbYrU%3D" img_width="1006" img_height="1593" image_type="1" mime_type="image/jpeg" web_uri="tos-cn-i-tjoges91tu/TPsE0roGKZhk9v" class="syl-page-img" style="height: auto;"><p>12月12日19时许，涉事店铺“叮当快药”在官方微博对此情况发布情况说明。</p><p>文中写道，为确保防疫药品供应，叮当智慧药房(北京)有限公司于12月11日夜间，紧急从库房为丰台区角门西店配送了299件商品，因来货量大，12月12日上午，叮当智慧药房丰台区角门西店停业收货，并在门上张贴了暂停营业的告示。</p><p>根据《药品管理法》相关规定，所有药品须验收入库才能进行销售。该消费者因着急买药，自行闯入店内。因正在进行营业前的入库准备工作，药店无法对他进行销售。消费者情绪激动，并拍摄该视频，上传各网络平台。</p><p>“针对当前防疫相关药品紧缺的情况，我们正在积极对接上游各大厂商，竭尽所能加大药品采购供应，全力做好药品保供工作。再次感谢广大消费者朋友们的关心与监督。”声明写道。</p><p>13日上午，九派新闻通过“叮当快药”小程序检索发现，涉事分店叮当快药（丰台区马家堡角门西店）中，泰诺林依旧为缺货状态。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TPsE0tZ8O5BSgh~noop.image?_iz=58558&amp;from=article.pc_detail&amp;x-expires=1671528502&amp;x-signature=pGcY3Q2RzvQdZmsQ7i3%2BT34SMXo%3D" img_width="1080" img_height="2400" image_type="1" mime_type="image/jpeg" web_uri="tos-cn-i-tjoges91tu/TPsE0tZ8O5BSgh" class="syl-page-img" style="height: auto;"><p>随后，九派新闻多次联系叮当快药总部与涉事分店，未取得回应。</p><p><strong>九派新闻记者 杨冰钰</strong></p><p>【爆料】请联系记者微信：linghaojizhe</p><p>【来源：九派新闻】</p><p>声明：此文版权归原作者所有，若有来源错误或者侵犯您的合法权益，您可通过邮箱与我们取得联系，我们将及时进行处理。邮箱地址：jpbl@jp.jiupainews.com</p></article>`;
  • 3.HbuilderX运行到安卓 APP基座

相关截图

image