Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

link href no primefaces

Estou com o seguinte problema, estou com um certo erro no console que e o seguinte:

sourceId=null[severity=(ERROR 2), summary=(Um ou mais recursos possuem o destino de 'head', mas nenhum componente de 'head' foi definido na exibição.), detail=(Um ou mais recursos possuem o destino de 'head', mas nenhum componente de 'head' foi definido na exibição.)]

Percebi que isso acontece pelo seguinte fato, no template e carregado as seguintes links

<head>
<!-- META -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="theme-color" content="#141619" />

<!-- FAVICON -->
<link rel="shortcut icon" href="prototipo/img/favicon.ico" />


<!-- CORE CSS -->
<link href="prototipo/plugins/bootstrap/css/bootstrap.min.css"
    rel="stylesheet" />
<link href="prototipo/css/theme.min.css" rel="stylesheet" />
<link href="prototipo/css/custom.css" rel="stylesheet" />
<link href="prototipo/css/helpers.min.css" rel="stylesheet" />
<link
    href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700'
    rel='stylesheet' type='text/css' />


<!-- PLUGINS -->
<link href="prototipo/plugins/font-awesome/css/font-awesome.min.css"
    rel="stylesheet" />
<link href="prototipo/plugins/ionicons/css/ionicons.min.css"
    rel="stylesheet" />
<link href="prototipo/plugins/animate/animate.min.css" rel="stylesheet" />
<link href="prototipo/plugins/animate/animate.delay.css"
    rel="stylesheet" />
</head>

se eu trocar o

e para e h:/head o erro some do console porem os arquivos .css não são carregadors. Acredito que o problema esteja na tag como elas ficariam no primefaces ?
2 respostas
solução!

Em geral tudo que precisa ser importado ele joga dentro do head, por isso que precisa que a tag head seja do jsf (h:head).

Para importar os css tem que usar uma outra tag.

<h:outputStylesheet library="css" name="styles.css"  />

onde library é o caminho até o arquivo e name o nome do arquivo css. No seu caso

<h:outputStylesheet library="prototipo/plugins/animate/" name="animate.min.css"  />

Espero que tenha ajudado.

Oi Rafael, olhe no console do seu navegador, no chrome tools ou firebug por exemplo, qual o erro que dá quando vc troca para o h:head. Provavelmente ele tenta resolver um endereço de carregamento que não existe..

No jsf, a especificação sugere deixar todos os assets na pasta resources. Por exemplo, se o projeto é mavenizado, ficaria em src/main/webapp/resources. Se for um dynamic web project do eclipse, seria em webContent/resources. Você pode dar uma olhada aqui => http://www.mkyong.com/jsf2/resources-library-in-jsf-2-0/ para pegar um exemplo também