<acronym id="indot"><dfn id="indot"></dfn></acronym>
<span id="indot"></span>

<bdo id="indot"><meter id="indot"></meter></bdo>
<label id="indot"><samp id="indot"></samp></label>
<label id="indot"><xmp id="indot">
  • <span id="indot"><table id="indot"></table></span>
    <center id="indot"><optgroup id="indot"></optgroup></center>
  • <bdo id="indot"><meter id="indot"></meter></bdo>
      當前位置:首頁 > javascript > vue > 正文內(nèi)容

      uniapp運行APP報錯reportJSException >>>> exception function:createInstanceContext, exception:white screen

      hxing6412年前 (2023-11-22)vue4517

      今天分享個自己在工作中遇到的頭疼問題,記錄下,在使用pinia時,引入use模塊,h5端沒問題,我使用的是vue3,運行在APP端一直報錯:

      reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->

       at useStore (app-service.js:9864:15)

       at  (app-service.js:16358:3)

       at  (app-service.js:29793:3)


      琢磨了幾小時,最終發(fā)現(xiàn)問題所在了,原因是我在useUser時,是在setup函數(shù)外調(diào)用的,以下是我的錯誤代碼示例

      <script>
          import { useUser } from '@/store/user.js'
          const userTask = useUser()  // 不能在setup外中使用,會報錯
          export default {
              setup() {
                  ...
              }
          }
      </script>

      解決方案:

      1. 使用setup語法糖

      <script setup>
      import { useUser } from '@/store/user.js'
      const userTask = useUser()  // 在setup語法糖中使用
      </script>

      2. 在setup函數(shù)內(nèi)使用

      <script>
          import { useUser } from '@/store/user.js'
          export default {
              setup() {
                  const userTask = useUser()  // 在setup函數(shù)中使用
                  ...
              }
          }
      </script>


      問題解決!

      掃描二維碼推送至手機訪問。

      版權(quán)聲明:本文由星星博客發(fā)布,如需轉(zhuǎn)載請注明出處。

      本文鏈接:http://www.7811333.com/?id=475

      “uniapp運行APP報錯reportJSException >>>> exception function:createInstanceContext, exception:white screen” 的相關(guān)文章

      vue3 scoped樣式穿透

      用于修改很多vue常用的組件庫,在組件中還是避免不了修改組件庫樣式以elementui為例:<div class="box">     <el-input class="input"...

      uniapp h5設(shè)置代理解決跨域問題

      在manifest.json文件中 h5 屬性中加入如下代碼:"h5": {     "devServer": {       &nbs...

      vue 路由 vue-router

      vue 路由 vue-router

      前面的話  在Web開發(fā)中,路由是指根據(jù)URL分配到對應(yīng)的處理程序。對于大多數(shù)單頁面應(yīng)用,都推薦使用官方支持的vue-router。Vue-router通過管理URL,實現(xiàn)URL和組件的對應(yīng),以及通過URL進行組件之間的切換。本文將詳細介紹Vue路由vue-router 安裝  在使用vu...

      【Vue】詳解Vue組件系統(tǒng)

      Vue是一款流行的JavaScript框架,它的組件系統(tǒng)是它最重要的特性之一。Vue組件系統(tǒng)允許開發(fā)人員將UI界面劃分成獨立、可重復使用的組件,從而提高代碼的可維護性和可重用性。本文將詳細介紹Vue組件系統(tǒng)的各個方面。組件的定義在Vue中,一個組件是由一個Vue實例構(gòu)成的。組件通常包含一個模板、一個...

      Vue過渡動畫之CSS過渡

      Vue.js 是一個以數(shù)據(jù)驅(qū)動視圖的前端框架,它提供了豐富的組件化特性來幫助我們創(chuàng)建交互豐富的 Web 應(yīng)用程序。Vue 框架內(nèi)置了一些過渡特效,以及鉤子函數(shù),讓我們可以在過渡期間添加自定義 CSS 類來實現(xiàn)過渡效果。本文將著重講解 Vue.js 中的 CSS 過渡,并介紹如何使用它來實現(xiàn)各種有趣的...

      uniapp 中 ScrollView 組件上拉分頁怎么不滾動到最頂部

      實現(xiàn)類似微信聊天頁面,上拉加載更多歷史聊天記錄,每次上拉到頂部,界面自動會滾動到最頂部,我希望ScrollView不要滾動到最頂部,每次就停留在當前位置1,綁定scroll-view中scroll-into-view屬性<scroll-view class="scroll-...

      發(fā)表評論

      訪客

      ◎歡迎參與討論,請在這里發(fā)表您的看法和觀點。
      主站蜘蛛池模板: 一本久道综合色婷婷五月| 色婷婷久久综合中文久久一本`| 五月丁香六月综合缴清无码| 综合激情五月综合激情五月激情1 综合久久国产九一剧情麻豆 | 国产99久久亚洲综合精品| 丁香五月天综合缴情网| 色综合久久天天综线观看| 插插插色欲综合网| 久久天堂av综合色无码专区| 色综合蜜桃视频在线观看| 亚洲国产综合91精品麻豆| 三级韩国一区久久二区综合| 久久婷婷五夜综合色频| 亚洲五月综合缴情婷婷| 一本色道久久88亚洲综合| 伊人久久大香线蕉综合Av | 国产成人综合久久精品尤物| 色综合网天天综合色中文男男| 日日狠狠久久偷偷色综合0| 亚洲综合久久综合激情久久| 色99久久久久高潮综合影院| 久久国产综合精品SWAG蓝导航| 久久综合综合久久| 国产综合精品一区二区三区| 国产亚洲综合视频| 一本大道久久a久久综合| 亚洲综合久久精品无码色欲| 天天影视色香欲综合免费| 亚洲国产精品综合久久网各| 老色鬼久久亚洲AV综合| 国产精品国色综合久久| 人人狠狠综合久久亚洲婷婷| 亚洲国产综合专区电影在线 | 亚洲伊人久久大香线蕉综合图片| 亚洲国产成人久久综合区| 婷婷五月六月激情综合色中文字幕| 亚洲综合成人婷婷五月网址| 狠狠色综合TV久久久久久| 狠狠久久综合伊人不卡| 久久久综合亚洲色一区二区三区| 久久综合久久美利坚合众国|