Tengo este extraño error con Vetur en una aplicación mecanografiada nuxt.js. Muestra este mensaje de error en la primera línea de todos los componentes, ya sea una línea vacía o tenga la etiqueta.
No estoy seguro de cuándo comenzó a aparecer este error o qué significa.
Cualquier ayuda será apreciada, muchas gracias!
¡La respuesta aceptada es como cortarse el brazo cuando le duele el dedo! Si deshabilita templateInterpolationService , perderá una gran parte del valor de Vetur.
Para mí, Vetur v0.35.0 se rompió cuando actualicé typescript > 4.4
Puede comprobar qué versión(es) de mecanografiado está utilizando escribiendo npm ls typescript en la raíz de su proyecto.
Si está ejecutando typescript 4.4.4 (o inferior), intente esto:
Reinicie el servidor de idioma Vue (en VSCode):
Ver ->
Paleta de comandos.. ->
Vetur: Reiniciar VLS (servidor de idioma Vue)
Si está ejecutando typescript 4.5 o superior, probablemente encontrará este error. Todavía estoy trabajando para encontrar una solución en este caso.
Alternativamente, para obligar a su entorno a usar una versión anterior de TypeScript en todos los ámbitos, puede asegurarse de que su versión de npm sea 8.3+ y usar la nueva sección de "anulaciones" de package.json:
... "overrides": { "typescript": "4.4.4" }, ...Entonces resultó que esto se debió a la propiedad experimental templateInterpolationService de Vetur. Al convertirlo en false en el archivo vetur.config.js :
module.exports = { settings: { /* .. */ 'vetur.experimental.templateInterpolationService': false /* .. */ } };Vetur detuvo la interferencia inesperada con mis componentes.
Asegurándose de que la versión global ts de vscode <=4.4.4 . Puede haber algunas dependencias (como @microsoft/api-extractor ) usando un typescript más nuevo.
Creando vetur.config.js . Configuración "vetur.useWorkspaceDependencies": "false" en la settings . ejemplo:
module.exports = { settings: { "vetur.useWorkspaceDependencies": false, "vetur.experimental.templateInterpolationService": true } } Verificando el panel de SALIDA vscode en Vue Language Server , puede:
[INFO ] Find node_modules paths in xxxxxxx - 247ms [INFO ] Loaded bundled typescript@4.4.4. [INFO ] Loaded bundled prettier. [INFO ] Loaded bundled @starptech/prettyhtml. [INFO ] Loaded bundled prettier-eslint. [INFO ] Loaded bundled prettier-tslint. [INFO ] Loaded bundled stylus-supremacy. [INFO ] Loaded bundled @prettier/plugin-pug.¡Éxito!