-2

Estou fazendo um app simples, mas estou me confundindo toda no acesso as pastas. Eu quero chamar o arquivo about.css dentro do arquivo layout.njk. Os diretórios que já tentei nenhum funcionaram.

A estrutura das minhas pastas são essas:

inserir a descrição da imagem aqui

arquivo layout.njk

inserir a descrição da imagem aqui

arquivo about.njk

inserir a descrição da imagem aqui

O meu arquivo server.js:

inserir a descrição da imagem aqui

Estou querendo acessar a rota localhost.

5
  • Qual erro te da? Você já tentou colocar o path absoluto do arquivo CSS?
    – Leo Letto
    Commented 16/07/2020 às 7:37
  • Não dá erro, só não carrega. Já tentei o caminho absoluto.
    – Ruth Maria
    Commented 16/07/2020 às 7:53
  • Parece que nesse caso seu arquivo CSS ta sendo carregado de uma outra pasta Commented 16/07/2020 às 8:41
  • 1
    @Ruth Maria quando postar o código Evite por em imagens isso dificulta para quem vai analisar sua pergunta.
    – user82731
    Commented 16/07/2020 às 11:23
  • 1
    Obrigada por avisar, @Edu Mendonça. Eu não sabia.
    – Ruth Maria
    Commented 17/07/2020 às 0:27

2 Respostas 2

1

No seu arquivo layout.njk você está voltando um nível para importar o about.css sendo que a pasta styles existe apenas na pasta public.

Como você está servindo a pasta public como estática, você pode importar o css assim

<link rel="stylesheet" type="text/css" href="/styles/about.css" >

Certifique que a sua pasta public está sendo exposta, no arquivo server.js altere a linha existente para essa

server.use(express.static(`${__dirname}/public`))
4
  • Oi, Filipe. Eu tentei essa solução e ainda não funcionou :'(
    – Ruth Maria
    Commented 17/07/2020 às 0:24
  • Editei a resposta, pode conferir por favor? Commented 17/07/2020 às 0:26
  • FUNCIONOUUUUUUUUU... Muito obrigada ^.^
    – Ruth Maria
    Commented 17/07/2020 às 0:36
  • Disponha, fico feliz em saber que funcionou. Commented 17/07/2020 às 0:38
0

Seu arquivo layout.nkj esta em site/views quando você volta um diretorio, consequentemente você vai trabalhar dentro do diretorio site, então digamos que o .. seria o diretorio site e para chegar no about.css teriamos que passar o restante do caminho site/public/styles/about.css e assim vamos substituir o site pelo .. ficando assim:

<link rel="stylesheet" href="../public/styles/about.css" >
1
  • Oi, Thiago. Eu tentei essa solução e ainda não funcionou :'(
    – Ruth Maria
    Commented 17/07/2020 às 0:25

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .