Subscribe on changes!

<script setup> 模式下打包以后页面空白

avatar
May 21st 2021

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组件的部分直接空白

avatar
May 22nd 2021

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

avatar
May 23rd 2021

我克隆了您提供的项目,然后:

npm 我
纱线 建立
服务 区

一切正常,请确保提供有效的复制品

我在window10 的确打包不显示图片和dom的 ,

avatar
May 23rd 2021

非常不好意思 ,因为我在国内 ,网络问题,代码没有提交成功 . 这个是npm serve 是有显示dom 和控制台输出

image

这个是 npm build 用live-server 打开http://127.0.0.1:8080/index.html image image

image

avatar
May 23rd 2021

我克隆了您提供的项目,然后:

npm i
yarn build
serve dist

一切都工作正常,请确保提供有效的复制 我又更新了一个diff 分支 打包之前 npm serve image npm build
然后cd dist
live-serve

image

hello-word.vue 组件的模板并没有渲染 image 但是 js 执行 在控制台有输出

avatar
May 23rd 2021

image 我的 node 版本是 v12.22.1 系统版本 window10 20H2
我还发现这个只在于 引用的异步函数. image 写成这个调用,打包就是有dom生成的,非常匪夷所思,整整两天我都在调整我的项目,我不知道这个是我的写法出了问题还是vue 出了bug,希望对你重现它,所有帮助!

avatar
May 23rd 2021

如果 push 不上 GitHub,可以把最小化复现提交到 Gitee 试一下。满足提 issue 的条件以后开一个新的 issue,谢谢。

avatar
May 23rd 2021

如果push不上GitHub,可以把最小化复现提交提交到Gitee试一下。满足提问题的条件以后开一个新的问题,谢谢。

已经提交到github了! 已经可以试了。

avatar
May 24th 2021

@hearsay316 我仍然无法复现问题,你看看你安装的 Vue 是什么版本的,可以更新到最新版本,我这边在 3.0.11 和 3.1.0-beta.3 下都没问题

avatar
May 24th 2021

@hearsay316 我仍然无法复现问题,你看看你安装的 Vue 是什么版本的,可以更新到最新版本,我这边在 3.0.11 和 3.1.0-beta.3 下都没问题 我更新以后,打包就好了. 感谢!!!

avatar
Jun 10th 2021

同样的问题我也遇到了 windows 10 vue 3.1 node 14.15.0

avatar
Oct 5th 2021

Hey, everybody, who can help me? When I update vue-loader@version, I can build success in local, but when I push to publish with netlify, it don' work. It's really hard to understand 😭