es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Se esperaba un salto de línea después de “:” con una declaración en varias líneas más bonita.

Prettier está formateando esta parte del código en un archivo scss:

@font-face {
font-family: 'Encode Sans Condensed';
src: url('/pf/resources/fonts/EncodeSansCondensed/EncodeSansCondensed-Thin.ttf')
format('truetype');
font-weight: 200;
font-style: normal;
}

Estoy obteniendo este error “Se esperaba un salto de línea después de ‘:’ con una declaración en varias líneas”. ¿Qué puedo hacer en el archivo .prettierrc.json para solucionarlo?

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para solucionar el error “Se esperaba un salto de línea después de ‘:’ en una declaración de varias líneas”, puedes agregar la siguiente configuración en el archivo .prettierrc.json:

    {
      "singleQuote": true,
      "trailingComma": "es5",
      "printWidth": 80,
      "tabWidth": 2,
      "semi": true,
      "overrides": [
        {
          "files": "*.scss",
          "options": {
            "singleQuote": false,
            "trailingComma": "none",
            "bracketSpacing": true,
            "semi": false
          }
        }
      ]
    }
    

    Esta configuración agrega una clave “overrides” al archivo .prettierrc.json que especifica cómo formatear archivos scss. Las opciones para archivos scss son "singleQuote": false, que utilizará comillas dobles para las cadenas, "trailingComma": "none", que no agregará una coma al final, "bracketSpacing": true, que agregará un espacio antes de la llave de apertura, y "semi": false, que eliminará el punto y coma al final de una declaración. Con estas opciones, el código scss se formateará correctamente por Prettier y se resolverá el error.

Comments are closed.