健辉
健辉
  • 发布:2024-04-17 16:24
  • 更新:2024-04-18 10:31
  • 阅读:265

【报Bug】 vue3+uniapp项目 正式版本打包报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: w10

HBuilderX类型: 正式

HBuilderX版本号: 4.08

浏览器平台: Chrome

浏览器版本: 123.0.6312.123

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://dt.yicoc.com/test/#/

示例代码:

内嵌页面的代码
<script setup lang="ts">
import HelloWorld from "@/components/HelloWorld.vue";
let goback = () => {
// @ts-ignore
uni.webView.switchTab({
url: "/pages/layouts/layouts",
});
console.log("跳回首页");
};
</script>

<template>
<div id="hello">
<a href="https://vitejs.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite logo" />
</a>
<a href="https://vuejs.org/" target="_blank">
<img src="@/assets/vue.svg" class="logo vue" alt="Vue logo" />
</a>
<HelloWorld msg="Vite + Vue" />
<button @click="goback">返回上一页</button>
</div>
</template>

<style scoped>

hello{

font-size: 14px !important;
}
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

操作步骤:

layouts页面的点击查看题目跳转页面, 在查看题目的页面点击返回上一页就报错,返回不了

预期结果:

返回到layouts页面

实际结果:

无法回到layouts页面

bug描述:

本地运行正常,打包后部署到线上报错 uni[e] is not a function;
报错的页面的web-view内嵌的另外一个项目的vue页面,页面引入了uni.webview.1.5.5.js ,调用 navigateTo、redirectTo、reLaunch、switchTab、avigateBack这个几个APIA时报错;
uniapp 项目的代码在附近里

2024-04-17 16:24 负责人:无 分享
已邀请:
困难总比办法多

困难总比办法多

你给打包之后的代码谁能看的出来,这都是loader编译处理的代码了

  • 健辉 (作者)

    已改为项目的代码

    2024-04-17 16:45

困难总比办法多

困难总比办法多

你环境的原因,用你的代码这边测试正常

  • 健辉 (作者)

    我本地也是正常的,部署到线上就报错

    2024-04-17 17:31

  • 困难总比办法多

    回复 健辉: 这样吗 我用个服务器试下

    2024-04-17 17:35

  • 困难总比办法多

    回复 健辉: 好像确实不行,h5运行在本地正常,包括基座包运行到手机端也能正常返回 。https://static-mp-1f1e8af1-5742-410d-8ccd-9453c8fae16d.next.bspapp.com/web#/

    2024-04-18 10:14

  • 健辉 (作者)

    回复 困难总比办法多: 无法解决吗?

    2024-04-18 10:32

困难总比办法多

困难总比办法多

应该和这个差不多https://ask.dcloud.net.cn/question/169706

要回复问题请先登录注册