注册登录

9***@qq.com

9***@qq.com

发布：2023-05-12 10:37
更新：2023-05-12 16:07
阅读：267

【报Bug】vue-cli vue3-ts 运行h5 空白页面报错

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

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

浏览器平台： Chrome

浏览器版本： 112.0.5615.138

项目创建方式： CLI

CLI版本号： "vue": "3.2.47"

操作步骤：

npm run dev:h5 运行在浏览器，就会出现空白页面并且报错

预期结果：

正常显示页面

实际结果：

空白页面报错

bug描述：

vue-cli vue3-ts版本，运行h5 时提示 caught SyntaxError: The requested module '/node_modules/@dcloudio/uni-h5-vue/dist/vue.runtime.esm.js' does not provide an export named 'App' 页面空白。小程序端是能正常运行的。怎么解决这个问题呢？

2023-05-12 10:37 负责人:无分享

5 个回复

在引入ts类型的地方加上 type。

import type { App } from 'vue'

9***@qq.com

9***@qq.com (作者)

入口文件没有配置正确导致的吗？
import { createSSRApp } from "vue";
import App from "./App.vue";
import createGlobal from '@/global'

export function createApp() {
const app = createSSRApp(App);
app.use(createGlobal)
return {
app,
};
}
如果是，那怎么解决那个问题呢？

提供下测试工程

9***@qq.com (作者)

您好已上传

2023-05-12 10:59

9***@qq.com

9***@qq.com (作者)

测试工程

uni-vue3-ts-pinia.zip

不如摸鱼去 - 一个前端打工仔。如果我的回答对你产生了帮助，还请给个star: https://github.com/Moonofweisheng

https://ext.dcloud.net.cn/plugin?id=11846
可以参考一下我的模板

要回复问题请先登录或注册