請確保小程式是已認證的非個人主體的小程式，已認證的服務號“JS介面安全域名” 已經繫結。

問題：按照官方文件寫的樣式沒有出現

文件用例：

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index.html?user=123&action=abc"
>
  <template>
    <style>.btn { padding: 12px }</style>
    <button class="btn">開啟小程式</button>
  </template>
</wx-open-launch-weapp>
 

使用內聯樣式可以解決這個問題。

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index.html?user=123&action=abc"
  style="內聯樣式"
>
  <template>
    <button class="btn" style="內聯樣式">開啟小程式</button>
  </template>
</wx-open-launch-weapp>

問題：靜態h5頁面好用，使用vue就沒有效果。

修改 標籤。更換為<script type="text/wxtag-template">

<script type="text/wxtag-template">
 	<button class="btn">開啟小程式</button>
</script>

問題：按鈕真機不出現 微信開發者工具裡面出現點選沒有作用

1. 檢查config注入是否成功

   wx.config({
     debug: true, // 開啟除錯模式,呼叫的所有api的返回值會在客戶端alert出來，若要檢視傳入的引數，可以在pc端開啟，引數資訊會通過log打出，僅在pc端時才會列印
     appId: '', // 必填，公眾號的唯一標識
     timestamp: , // 必填，生成簽名的時間戳
     nonceStr: '', // 必填，生成簽名的隨機串
     signature: '',// 必填，簽名
     jsApiList: [], // 必填，需要使用的JS介面列表
     openTagList: [] // 可選，需要使用的開放標籤列表，例如['wx-open-launch-app']
   });
    
   

2. 注意：所有必填項必須填寫，否則無效

   如果你的config注入成功，debug: true,時，會有彈窗提示注入成功。

3. 檢查所有必填項jsApiList也為必填項，不能因為沒有用到這項就不填寫**，要在微信提供的jsApiList所有可選項的表裡面填一個，這個方法需要使用。在wx.ready{}中呼叫一下**

4. openTagList這個值要是wx-open-launch-weapp不是wx-open-launch-app。

   wx-open-launch-app是app裡面的用法。

5. 樣式中的大小最好使用px單位。

6. 在jsApiList中選擇的方法要在這裡使用下，結果不重要，沒有使用可能會導致引入不正確。

   wx.ready(function () {
     // config資訊驗證後會執行ready方法，所有介面呼叫都必須在config介面獲得結果之後，config是一個客戶端的非同步操作，所以如果需要在頁面載入時就呼叫相關介面，則須把相關介面放在ready函式中呼叫來確保正確執行。對於使用者觸發時才呼叫的介面，則可以直接呼叫，不需要放在ready函式中
   });
   

確定

config

注入的時候 所有必填項的值都正確。

appId

是 以

wx

開頭的值。

1. 跳轉的頁面需要有後綴html

2. 不要使用pc的瀏覽器檢視頁面的效果，請用微信開發者工具檢視，否則可能會有網路錯誤。

   出現config：invalid url domain錯誤的時候，放置在統一域名下執行。

問題：按鈕不出現。

1. 要在微信瀏覽器中開啟，不要再pc的瀏覽器中開啟。
2. 檢查config是否注入成功。
3. 把頁面放到小程式相同域名下。

根據手機微信頁面彈出的錯誤提示進行查詢。