所有内容未显示在本地主机上：4000

Question

我为我的大学编程马拉松制作了这个项目，现在我实施了

expressJS

通讯注册。 时事通讯注册部分工作正常，但是当我在

localhost:4000

上运行项目时，只有两三个部分是可见的，而且也只有它们的文本，没有其他内容。 我无法弄清楚我需要什么样的项目结构才能使整个项目通过添加的时事通讯注册部分按预期工作

import express from 'express'
import bodyParser from 'body-parser'
import path, { dirname } from 'path'
import https from 'https'
import { fileURLToPath } from 'url'

const app = express()
const port = 4000
const apiKey = "2c56826c768c353a13e9625b7e9b6791-us9"
const audienceID = "eddc790e90"
const __fileName = fileURLToPath(import.meta.url)
const __dirName = path.dirname(__fileName)

app.use(express.static("public"));
app.use(bodyParser.urlencoded({extended: true}))

app.get('/',(req,res)=>{
  res.sendFile(__dirName + "/index.html")
})

const url = `https:/us9.api.mailchimp.com/3.0/lists/${audienceID}`
const options = {
  method: 'POST',
  auth: `pulkit:${apiKey}`
}

app.post('/',(req,res)=>{
  const data = {
    members : [
      {
        email_address: req.body.email,
        status: "subscribed",
      }
    ]
  }
  
  
  const jsonData = JSON.stringify(data)
  
  const request = https.request(url,options,(response)=>{
    
    if(response.statusCode === 200){
      //   res.sendFile(__dirName + "/public/success.html")
        res.send("Subscribed")
    }else{
    //   res.sendFile(__dirName + "/public/failure.html")
        res.send("Failed")
    }
      response.on("data",(data)=>{
      console.log(response.statusCode)
    })
  })

  request.write(jsonData)
  request.end()
})

app.listen(port,()=>{
  console.log(`Server is running on port ${port}`)
})

我正在使用

Tailwind CSS

进行设计，我已经实现了

scrollMagicJS

用于滚动时的动画触发

存储库链接

[image1](https://postimg.cc/3k9wD705)
[image2](https://postimg.cc/mzS4Ky3x)
[image3](https://postimg.cc/bs75H2b1)
[image4](https://postimg.cc/rdPxx5Rk)
[image5](https://postimg.cc/fkj7gt6x)

带有黑色空间的图像是我在

localhost:4000

上运行时得到的图像

我尝试将文件移动到公用文件夹，即

index.html

、

main.js

、

images

等，但我无法让它工作