Complemento fuente Vue

Esta situación generalmente se debe a complementos incorrectos o a una configuración incorrecta de VSCode, lo que genera errores de verificación de sintaxis en el proyecto Vue. Intente los siguientes pasos para resolver este problema:

Asegúrese de tener instalado el complemento Vetur. Este es un complemento de desarrollo de Vue muy popular que admite resaltado de sintaxis de Vue, indicaciones inteligentes, finalización de código y otras funciones. En VSCode, haga clic en el icono del complemento a la izquierda, busque "Vetur" y luego instálelo.

Si ha instalado otros complementos de Vue, intente deshabilitarlos para evitar conflictos entre complementos.

Asegúrese de que su proyecto contenga un archivo .eslinintc.js o ESLintrc.json para configurar las reglas de eslint. En este archivo, puede agregar lo siguiente para configurar las reglas de Vue:

module.export = {

root: yes,

environment: {

Nodo: verdadero,

},

Extensión: [

Complemento: vue/vue 3-basic',

eslint:recomendado',

],

Opciones de análisis: {

Analizador: "Babel-Eslint",

},

Regla: {

"no-console": proceso ENV . nodo _ ENV = = = 'producción'? advertencia ': 'apagado',

'sin depurador': proceso ENV = = = 'producción'. Advertencia ':'off',

},

};

Asegúrese de que haya una carpeta .vscode en el proyecto que contenga un archivo settings.json . Si no hay uno, cree uno. En el archivo settings.json, agregue lo siguiente para que VSCode pueda usar los complementos Vetur y ESLint:

{

" eslint.validate": [

" javascript",

"javascriptreact",

{

"language": "vue",

"autofix": true

}

],

" vetur.validation.template":true,

"vetur.validation.script":true ,

" vetur.validation.style": true

}

Guarde todos los cambios y reinicie VSCode.

Después de los pasos anteriores, VSCode debería poder identificar correctamente la sintaxis en el proyecto Vue y el problema de la línea roja también debería resolverse. Si el problema persiste, verifique que las dependencias de su proyecto estén instaladas correctamente y que los archivos de configuración estén configurados correctamente.