<script setup> 模式下打包以后页面空白
Version
3.1.0-beta.3
Reproduction link
https://github.com/hearsay316/hello_demo
Steps to reproduce
https://github.com/hearsay316/hello_demo
What is expected?
先运行serve 页面是有dom 生成的. 打包之后页面直接空白
What is actually happening?
页面使用setup组件的部分直接空白
I cloned the project you provided, and then:
npm i
yarn build
serve dist
Everything is working fine, please make sure to provide a valid reproduction
非常不好意思 ,因为我在国内 ,网络问题,代码没有提交成功 . 这个是npm serve 是有显示dom 和控制台输出
这个是 npm build 用live-server 打开http://127.0.0.1:8080/index.html
我克隆了您提供的项目,然后:
npm i yarn build serve dist
一切都工作正常,请确保提供有效的复制 我又更新了一个diff 分支 打包之前 npm serve npm build
然后cd dist
live-serve
hello-word.vue 组件的模板并没有渲染 但是 js 执行 在控制台有输出
我的 node 版本是 v12.22.1
系统版本 window10 20H2
我还发现这个只在于 引用的异步函数.
写成这个调用,打包就是有dom生成的,非常匪夷所思,整整两天我都在调整我的项目,我不知道这个是我的写法出了问题还是vue 出了bug,希望对你重现它,所有帮助!
@hearsay316 我仍然无法复现问题,你看看你安装的 Vue 是什么版本的,可以更新到最新版本,我这边在 3.0.11 和 3.1.0-beta.3 下都没问题 我更新以后,打包就好了. 感谢!!!