主页 / coding / 问题 / 78060088
Accepted
jacob
Asked: 2024-02-26 18:12:52 +0800 CST

Vue SFC 中的多个脚本块共享导入的符号

  • 772

我有一个包含两个块的 Vue SFC ：一个用于设置，另一个用于无法在设置中使用的<script>vue 路由器处理程序。beforeRouteEnter他们都可能使用一些相同的进口。运行时npm run dev，它要求每个脚本块独立于其他块导入它，但运行npm run build打字稿编译器（或 linter）时会抛出错误：

src/components/MyComponent.vue:72:8 - error TS2300: Duplicate identifier 'auth'.

import auth from '@/auth'

处理这个问题的正确方法是什么？

typescript

1 个回答

  1. Best Answer

    需要使用script块来提供语法未涵盖的组件选项script setup是相对常见的情况。

    从 Vue 3.3 开始，defineOptions为此目的提供了宏：

    <script setup>
...
defineOptions({
  beforeRouteEnter() { ... }
    • 1

相关问题