Problema de URL de imagen angular no encontrada

1. Primero agregue la configuración del archivo de recursos, angular.json -> opciones -> activos agregar: "src / activos"

2 、 index.html 里 : <base href = "/">

2. La ruta relativa debe escribirse en la URL en ts / html: assent / image / a.png (se puede omitir el "./" frontal)

3. Escriba un fondo como este en menos: ~ 'url ("../../ assent / image / a.png")'   

Descripción:

  • Si es menor: "background-image: url ('assets / event-bg.png');" Se informará CssSyntaxError.
  • Si: "ackground-image: url ('../../../ assets / event-bg.png');" informará que no se encuentra.

 El símbolo "~" en menos significa que no se calcula en tiempo de compilación.

  • Por ejemplo, escriba less: width: ~ 'calc (300px-30px)' ;, después de compilar en css, es: width: calc (300px-30px); 
  • Por ejemplo, escriba less: width: calc (300px-30px) ;, después de compilado en css, es: width: calc (270px); 

Supongo que te gusta

Origin blog.csdn.net/u013475983/article/details/89294120
Recomendado
Clasificación