云开发接单

发布：2022-07-25 11:11
更新：2022-07-25 11:15
阅读：1278

【报Bug】vue3+vite 无法编译微信h5的开放标签

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win11

HBuilderX类型： Alpha

HBuilderX版本号： 3.5.2

浏览器平台： Chrome

浏览器版本： 102

项目创建方式： HBuilderX

示例代码：

test.nvue

<!-- #ifdef H5 -->  
        <wx-open-launch-weapp id="launch-btn" username="gh_d8ef520a4448" path="">  
            <script type="text/wxtag-template">  
                <style>    
                            .btn {    
                                border-radius: 30px;    
                                width: 300px;    
                                height: 40px;    
                                font-size: 28px;    
                                border: none !important;    
                                color: #FFFFFF;    
                                background:#44ea76;    
                            }    
                        </style>    
                        <button class="btn" type="default">打开小程序</button>    
                    </script>  
        </wx-open-launch-weapp>  
        <!-- #endif -->

main.ts

Vue.config.ignoredElements.push('wx-open-launch-weapp')

操作步骤：

直接编译h5

预期结果：

编译成功

实际结果：

编译失败

bug描述：

【报Bug】vue3+vite 无法编译微信h5的开放标签,编译报错

├F10: AM┤ [vite] [plugin:vite:vue] Tags with side effect (<script> and <style>) are ignored in client component templates.
11:06:23.747 at pages/msg/list.nvue:68:4
11:06:23.754 65 |
11:06:23.755 66 | 
11:06:23.761 67 | <wx-open-launch-weapp id="launch-btn" username="gh_d8ef520a4448" path="">
11:06:23.762 | ^
11:06:23.769 68 | <script type="text/wxtag-template">
11:06:23.770 69 | <style>

2022-07-25 11:11 负责人:无分享

1 个回复

DCloud_UNI_GSQ

先改为动态创建

云开发接单 (作者)

动态创建也不行

<wx-open-launch-weapp  

              id="launch-btn"  

              username="gh_d8ef520a4448"  

              path=""  

            >  

              <script type="text/wxtag-template">  

                <style>.btn { padding: 12px }</style>  

                <button class="btn">打开小程序</button>  

              </script>  

            </wx-open-launch-weapp>

报错:

 ├F10: AM┤ [vite] [plugin:vite:vue] Invalid end tag.  

11:49:52.901 at pages/msg/list.nvue:456:4  

11:49:52.905   452|               <script type="text/wxtag-template">  

11:49:52.909   453|                 <style>.btn { padding: 12px }</style>  

11:49:52.909   454|                 <button class="btn">打开小程序</button>  

11:49:52.916      |                      ^  

11:49:52.917   455|               </script>  

11:49:52.921   456|             </wx-open-launch-weapp>

2022-07-25 11:50

云开发接单 (作者)

标签里面含有script 就会报错,但是微信h5开放标签一定要内含script

2022-07-25 11:51
DCloud_UNI_GSQ

回复云开发接单: 运行时js动态创建

2022-07-25 13:07
云开发接单 (作者)

我是使用js动态插入dom啊

回复 DCloud_UNI_GSQ: var dom = document.getElementById('page')

let innerHTML = `

<wx-open-launch-weapp

id="launch-btn"

username="gh_d8ef520a4448"

path=""

<script type="text/wxtag-template">

<style>.btn { padding: 12px }</style>

<button class="btn">打开小程序</button>

</wx-open-launch-weapp>

`

dom.innerHTML = innerHTML

2022-07-25 15:52
4***@qq.com

回复云开发接单: 请问这个问题，有什么方法解决吗？

2022-08-18 10:41
云开发接单 (作者)

回复 4***@qq.com: 暂时没有,官方好像也还没有计划兼容

2022-08-18 19:37
DCloud_UNI_GSQ

回复 4***@qq.com: 运行时创建是无效还是报错？

2022-08-25 11:26
ninisasa

回复 DCloud_UNI_GSQ: 我也遇到了相同问题

2022-09-25 20:43

该问题目前已经被锁定, 无法添加新回复

【报Bug】vue3+vite 无法编译微信h5的开放标签

操作步骤：

直接编译h5

预期结果：

编译成功

实际结果：

编译失败

bug描述：

1 个回复

公告

相关问题

【报Bug】vue3+vite 无法编译微信h5的开放标签

操作步骤： 直接编译h5

预期结果： 编译成功

实际结果： 编译失败

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

直接编译h5

预期结果：

编译成功

实际结果：

编译失败