Página não atualiza com os estilos do app.css

937 views
Skip to first unread message

Felipe Mathais

unread,
Jun 18, 2015, 1:19:49 AM6/18/15
to livro-...@googlegroups.com
Olá, estou tendo um problema para estilizar a view. No tópico 5.5 você pede para inserir  <link href="/css/app.css" rel="stylesheet">, para adicionar os estilos, e que inclusive e laravel já inclui o bootstrap e os glyphicons. Mas, eu adicionei o app.css na minha view e ela não atualizou estilizada.

                 

               

Diego Giuliani

unread,
Jun 18, 2015, 9:05:15 AM6/18/15
to livro-...@googlegroups.com
Tive o mesmo problema.
Aparentemente o Laravel 5.1.1 não está gerando estes arquivos.

Te envio em anexo o app.css e o custom.css

Abs!
app.css
custom.css

Rodrigo Turini

unread,
Jun 18, 2015, 9:50:01 AM6/18/15
to Diego Giuliani, livro-...@googlegroups.com
Opa, é isso mesmo! Logo vocês receberão um e-mail com algumas atualizações no livro sobre Laravel 5.1. Desde o 5.1, por uma decisão interna dos desenvolvedores do framework, esse e alguns outros arquivos foram deixados como opcionais. Se preferir, no lugar de copiar manualmente os arquivos, você também pode instalar o pacote scafold com todos eles:

No link tem instruções de instalação, mas não deixe de perguntar se tiver qualquer dificuldade. Em resumo, ao instalar o pacote ele vai apenas adicionar o app.css e algumas outras views de autenticação, então se preferir, também pode copiar esses arquivos do nosso projeto base:


Grande abraço e boa leitura

--
Você recebeu essa mensagem porque está inscrito no grupo "livro-laravel" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para livro-larave...@googlegroups.com.
Para postar nesse grupo, envie um e-mail para livro-...@googlegroups.com.
Para ver essa discussão na Web, acesse https://groups.google.com/d/msgid/livro-laravel/9fa78c74-a4ac-4030-b1cf-b4986f401017%40googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Felipe Mathais

unread,
Jun 18, 2015, 5:41:08 PM6/18/15
to livro-...@googlegroups.com, rodrigo...@caelum.com.br, diego.g...@gmail.com
Oi Rodrigo, tirando o scafold o que seriam estes outros arquivos? E eu vou ter que instalar o scafold a cada projeto que eu criar? 

Eu vi no slack do laravel que o pessoal usava um esquema de pré-processador como o less e sass, o que seriam isso? No livro você chega a falar sobre eles? Eu conheço o bootstrap, mas nunca tinha ouvido falar em less e sass antes...

Rodrigo Turini

unread,
Jun 19, 2015, 10:11:39 AM6/19/15
to Felipe Mathais, livro-...@googlegroups.com, diego.g...@gmail.com
Oi Felipe, tudo bem? Quando você instala o scafold, ele baixa os seguintes arquivos:

# o css e view padrão do laravel
app.css
app.blade.php

# as views de autenticação, reset de senha, etc
login.blade.php
password.blade.php
register.blade.php
reset.blade.php

a ideia é que você adicione o pacote sempre que quiser utilizar esses views prontas, assim
quem não quer usar não precisa fazer nada. No próprio site ele agora mostra um exemplo
de html pras páginas, então você também pode copiar e colar de lá na hora de fazer a view.

quanto aos pré-processadores, como o caso do less, ele basicamente extende o CSS comum, 
dando alguns recursos extras. No less você pode declarar variáveis, etc, coisa que no CSS você
não pode. Tem uma série de recursos legais, você pode ver uns exemplos em http://lesscss.org/


jrmfi...@gmail.com

unread,
Jun 23, 2015, 4:29:04 PM6/23/15
to livro-...@googlegroups.com
Tive o mesmo problema com o css, eu mudei o nome do arquivo para para listagem.blade.php, e  o link para essa forma <link href="{{ asset('/css/app.css') }}" rel="stylesheet">, e funcionou! 
Não entendi muito bem o que eu fiz, mas acredito que o blade fez a diferença, to buscando entender!!


Em quinta-feira, 18 de junho de 2015 02:19:49 UTC-3, Felipe Mathais escreveu:

Rodrigo Turini

unread,
Jun 23, 2015, 4:52:30 PM6/23/15
to jrmfi...@gmail.com, livro-...@googlegroups.com
Oi Junior, tudo bem? Esse método asset do blade linka pra pasta public do seu projeto, que é onde os CSSs, imagens e javascripts ficam. O legal é que ele sempre pega o caminho absoluto, mas fazendo  <link href="/css/app.css" rel="stylesheet"> deveria funcionar também.

--
Você recebeu essa mensagem porque está inscrito no grupo "livro-laravel" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para livro-larave...@googlegroups.com.
Para postar nesse grupo, envie um e-mail para livro-...@googlegroups.com.

jrmfi...@gmail.com

unread,
Jun 23, 2015, 8:22:46 PM6/23/15
to livro-...@googlegroups.com, rodrigo...@caelum.com.br
Testei Rodrigo sem o metodo asset, não linkou as classes do css, estou usando o WAMP, será que vou ter problemas futuros?
para linkar ao  app.css normalmente não seria,  <link href="../../public/css/app.css" rel="stylesheet">?

Rodrigo Turini

unread,
Jun 25, 2015, 5:18:32 PM6/25/15
to jrmfi...@gmail.com, livro-...@googlegroups.com
Oi junior, não deve ter nenhum problema futuro, mas se tiver, nos avise, ta bem? Ao colocar /css/etc ele já deveria começar a contar pelo diretório public. Fiz um teste agora e funciona, não sei porque no seu ambiente acontece diferente. De toda forma, usar o assets é uma boa e não causará problemas futuros :)

Antonio Silva

unread,
Jun 25, 2015, 6:36:06 PM6/25/15
to livro-...@googlegroups.com
Junior, eu também estou usando o wamp, e esta funcionando normalmente. Olha como ficou o meu,
//principal.blade.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/app.css">
<link rel="stylesheet" type="text/css" href="/css/custom.css">
<title>Controle de estoque</title>
</head>
<body>
</div>
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand"href="/produtos">Estoque Laravel</a>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="/produtos">Listagem</a></li>
<li><a href="/produtos/novo">Novo</a></li>
</ul>
</div>
</nav>
@yield('conteudo')
<footer class="footer">
<p> Livro de Laravel da Casa do Código.</p>
</footer>
</div>
</body>
</html>

Em quinta-feira, 18 de junho de 2015 02:19:49 UTC-3, Felipe Mathais escreveu:

cheru...@gmail.com

unread,
Jul 1, 2015, 7:08:10 PM7/1/15
to livro-...@googlegroups.com
Eu estava seguindo os passos do link https://github.com/bestmomo/scafold
para instalar as dependências do Scafold, mas quando eu executo o último comando 

php artisan vendor:publish

ele apresenta o erro:

[ReflectionException]                                          
  Class App\Http\Controllers\Auth\AuthController does not exist

Alguém sabe como resolver este problema?

leco...@gmail.com

unread,
Jul 1, 2015, 7:51:12 PM7/1/15
to livro-...@googlegroups.com, cheru...@gmail.com
Aqui esta dando o mesmo erro, estou travado nessa parte.

Rodrigo Turini

unread,
Jul 1, 2015, 10:57:32 PM7/1/15
to leco...@gmail.com, livro-...@googlegroups.com, cheru...@gmail.com
parece que é um bug nesse plugin, que é bem novo. 
Pra corrigir, é só abrir a classe ScafoldServiceProvider e mudar de:

App\Http\Controllers\Auth\AuthController
para
estoque\Http\Controllers\Auth\AuthController

Ele só não está considerando o namespace da app. Grande abraço

Em qua, 1 de jul de 2015 às 20:51, <leco...@gmail.com> escreveu:
Aqui esta dando o mesmo erro, estou travado nessa parte.

--
Você recebeu essa mensagem porque está inscrito no grupo "livro-laravel" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para livro-larave...@googlegroups.com.
Para postar nesse grupo, envie um e-mail para livro-...@googlegroups.com.

Jonathan Cruz

unread,
Jul 2, 2015, 9:50:39 PM7/2/15
to livro-...@googlegroups.com
Parceiro joia ?

Tentou substituir as referencias de css e js:

De:
<link rel="stylesheet" type="text/css" href="/css/app.css">
Para:
<link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" >

Aconteceu isso comigo só consegui resolver fazendo isso. Valeu!


Em quinta-feira, 18 de junho de 2015 02:19:49 UTC-3, Felipe Mathais escreveu:

Roberto do Nascimento Ribeiro

unread,
Apr 12, 2016, 11:08:07 PM4/12/16
to livro-laravel
Pessoal, estou utilizando uma distribuição debian 8 instalei o laravel ultima versão, fiz tudo o que foi orientado aqui e mesmo assim os estilos do .css e os icones do bootstrap não estão funcionando coloquei o arquivo na pasta public/css, alterei inclusive a configuração para o asset mas nada, na tela onde esta rodando o php artisan serve antes de incluir o asset ele estava mostrando linhas com data e hora  seguido de ::1:38801 [200]: /css/app.css e após o asset esta mostrando linhas com Invalid request (Unexpected EOF). Alguém saberia me dizer onde estou errando?
Reply all
Reply to author
Forward
0 new messages