发现用vite创建项目后在手机真机调试访问显示白屏的bug
Vue version
vue3
Link to minimal reproduction
Steps to reproduce
用vite命令创建h5项目 yarn create vite my-h5-app --template vue 在随便哪个能写js的地方,比如app.vue 或main.js 添加如下代码,运行后pc显示正常,iphone真机上访问显示白屏 但是打包后再运行还是正常的
<template>
<div>其他信息。。。</div>
person info:{{person.say()}}
</template>
<script setup>
class Person {
name = 'myName';// 这行开启,在iphone真机上访问显示白屏,注释掉这行恢复正常。安卓真机没测过
say() {
return 'person say:' + this.name;
}
}
let person = new Person();
</script>
用vue-cli命令创建的项目 vue create my-h5-app,没这问题
What is expected?
手机真机访问不应该出现白屏
What is actually happening?
手机真机无法访问,出现白屏,安卓真机没测试过。 iphone真机的safari和chrome浏览器访问都白屏
System Info
No response
Any additional comments?
No response
你手机系统和浏览器的版本都不提供,这是想让别人怎么帮你呢? Vite 打包默认目标要求:https://caniuse.com/es6-module-dynamic-import 想支持更旧的浏览器需要用 @vitejs/plugin-legacy
还有,Vite 是 Vite,Vue 是 Vue,这个仓库只处理 Vue 本身的问题。
你手机系统和浏览器的版本都不提供,这是想让别人怎么帮你呢? Vite 打包默认目标要求:https://caniuse.com/es6-module-dynamic-import 想支持更旧的浏览器需要用 @vitejs/plugin-legacy
还有,Vite 是 Vite,Vue 是 Vue,这个仓库只处理 Vue 本身的问题。
IOS13.7 13.6 14.7.1 都测过 safari chrome firefox都有,你还需要什么版本? 实际上根本不需要版本,自己随便找个真机测试一下就会发现有问题,如果没发现我说的这个问题,再上来问什么版本