Question

我刚刚启动了一个Express应用程序，但无法连接到我的自定义css文件。

这是我app.js的顶部

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

const app     = express();

app.set("view engine", "ejs");

app.use(express.static("public"));
// app.use(express.static(__dirname + "/public"));
// app.use(express.static(path.join(__dirname, 'public')));

我已经尝试了所有三个express.static选项，我很确定它们都能正常工作，因为当我将index.html放在公共文件夹中时，它会很好。这让我相信我的问题在于我如何链接我的header.ejs SemanticUI链接没有问题，所以我确信我的header.ejs正在呈现。

<!DOCTYPE html>

<html>
  <head>
    <title>Project</title>
    <link rel="stylesheet" type="text/css" 
    href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css" />
    <link rel="sytlesheet" type="text/css" href="/stylesheets/main.css" />
    <script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js"></script>
</head>
<body>

这是我的文件结构：

|node_modules
|public
  |stylesheets
    -main.css
|views
  |paritals
    -footer.ejs
    -header.ejs
    -nav.ejs
  -landing.ejs
  -header.ejs   
  -move.ejs
-app.js
-package-lock.json
-package.json

我确信我必须遗漏一些非常基本的东西，但非常感谢任何帮助。

Express / EJS应用程序未连接到自定义css

0 个答案: