Início / coding / Perguntas / 78060088
Accepted
jacob
Asked: 2024-02-26 18:12:52 +0800 CST

Vários blocos de script em um símbolo importado de compartilhamento Vue SFC

  • 772

Eu tenho um Vue SFC com dois <script>blocos: um para configuração e outro para beforeRouteEntero manipulador do roteador vue que não pode ser usado na configuração. Ambos podem usar algumas das mesmas importações. Ao executá-lo npm run dev, é necessário que cada bloco de script o importe independentemente do outro bloco, mas ao executar npm run buildo compilador TypeScript (ou linter) gera um erro:

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

import auth from '@/auth'

Qual é a abordagem adequada aqui para lidar com esse problema?

typescript

1 respostas

  1. Best Answer

    A necessidade de usar scriptblock para fornecer opções de componentes que não são cobertas pela script setupsintaxe é um caso relativamente comum.

    Desde o Vue 3.3, defineOptionsa macro é fornecida para esta finalidade:

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

relate perguntas