<script setup> 和 <script src> 兼容性问题及解决方法</script>

在 vue.js 中，使用 <script setup> 代替 <script> 实现一些特性。但是，当你同时引入<script setup>和 <script src> 时，可能会遇到报如下错误：</script>

error  <script> cannot use the "src" attribute when <script setup> is also present because they must be processed together.  

解决方法：

为了解决此问题，请使用 usescripttag 选项来加载外部脚本。usescripttag 是一个 vue 钩子，它允许你动态地将脚本添加到 dom 中。

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

立即学习“前端免费学习笔记（深入）”；

以下是如何使用 usescripttag 来加载一个 externe 脚本：

<template>
  <div></div>
</template>

<script setup>
import { useScriptTag } from 'vue'

useScriptTag('https://unpkg.com/my-script.js')
</script>

使用 usescripttag 解决了 <script setup> 和 <script src> 同时存在时的兼容性问题，从而允许你加载外部脚本而不会出现错误。</script>