javascript - Vue 3 警告 "tags with side effects"正在破坏生产

Question

我最近从 Vue 2 升级到 Vue 3，我的应用程序中有几个部分位于 development模式给出警告:[Vue warn]: Template compilation error: Tags with side effect (<script> and <style>) are ignored in client component templates.在 Vue 2 中，这些警告只是隐藏在 production 中。 .但是，在 Vue 3 中，带有这些警告的页面会完全中断，并且屏幕会变为空白。它们在 development 中运行良好.
删除所有这些 <script> 对我来说是不切实际的标签，因为它们是由我的 CMS(Shopify)动态插入的。
有什么方法可以让我在生产中发现这些错误，这样他们就不会关闭我的网站？

Answer 1

到目前为止，这是我找到的最佳解决方案。
代替:

<script>
  // JS CODE HERE
</script>

和:

<component :is="'script'">
  // JS Here
</component>

但是，我更喜欢全局设置，这样我就不必为每个插件都这样做。现在我的应用程序感觉非常脆弱，以防我团队中的任何人添加另一个 CMS 插件。
我不希望应用程序在遇到 <script> 时立即崩溃标签...