关于vue3.x中 <script setup>使用问题

vue3.x项目中使用写法时,发现在开发模式下(npm run serve),html正常展示,但是在打包后(npm run build),然后放置服务器下,发现中的内容并没有被渲染到指定位置中,而是“<---->”展示。后来发现如果把中的内容全部删除,再进行打包,发现中的内容可以展示。

这是本地调试:
222
这是部署到服务器上后显示的结构:
1111