CSS

javascript – Tepki projesinde Express JS arka ucu kullanılarak Css dosyası yüklenmiyor

Bu soruyu sormadan önce SO hakkında araştırma yaptım ve birkaç şey buldum ama bunlardan biri senaryomda çalıştı. React web sitemi bir Express arka uç sunucusundan yüklemeye çalışıyorum.

Klasör yapımım şu şekilde:

client
  build
    css
      styles.css
    index.html
server
  server.js

Şu anda ekspres ile deniyorum ve deniyorum, esas olarak onun hakkında biraz daha fazla bilgi edinmek ve benim server.js dosya şuna benziyor

const express = require('express');
const app = express();
const path = require("path");

app.get("/api", (req, res) => {
    res.json({"users": ["userOne", "userTwo"]})
})

app.use(express.static(path.join(__dirname, "..", "client", "build")));
app.use(express.static("../client/public"));

app.listen(5000, () => console.log("server started on port 5000"))

Benim index.html kafa

<meta charset="utf-8" />
  <link rel="icon" href="./images/logo.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link type="css" rel="stylesheet" href="/css/styles.css" />
  <meta name="description" content="Welcome to Sintra Welcome Centre" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript"
    src="https://cdn.rawgit.com/prashantchaudhary/ddslick/master/jquery.ddslick.min.js"></script>
  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

Sunucuyu 5000 numaralı bağlantı noktasında çalıştırdığımda, HTML’nin düzgün şekilde yüklendiğini görebiliyorum ancak hiçbir yerde style.css dosyasına herhangi bir referans göremiyorum, ağ sekmesini kontrol ettiğimde hiç yüklenmiyor gibi görünüyor.

Hatamı fark edebilen var mı? Teşekkürler

İlgili Makaleler

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Göz Atın
Kapalı
Başa dön tuşu