我已经使用 ejs 前端框架创建了数十个 node.js 应用程序,但是我在线下载了一个免费的 html 模板,并且我尝试将所有内容转换为与我在其他项目中使用的格式相同的格式,但是 css 已关闭,它没有在正确的位置渲染所有内容。
这是我导入 css 文件的 index.ejs
头文件:
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Site CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
这是我的 index.js
文件
//importing packages
const {
response
} = require("express");
var express = require("express");
const {
render
} = require("ejs");
//initializing application
const app = express();
app.set("view engine", "ejs");
app.use(express.static("public"));
app.use(express.static(__dirname + "/public"));
app.use("/public/css/images", express.static("./public/css/images"));
app.use(express.json());
app.use(
express.urlencoded({
extended: true,
})
);
//main request
app.get('/', (req, res) => {
res.render('index.ejs')
})
//DEFINING PORT AND LISTEN ON PORT 1801
const PORT = process.env.PORT || 1801;
app.listen(PORT, () => {
console.log("APP LISTENING ON PORT:", PORT);
});
它渲染了页面,但页面内容全乱了。
这是文件结构截图: