我正在尝试将 css 文件加载到我的 node.js 应用程序中,但它会导致我的应用程序中出现语法错误。
这是我的 css 文件,名为“style.css”,位于资产文件夹下
.like__btn {
padding: 10px 15px;
background: #0080ff;
font-size: 18px;
font-family: "Open Sans", sans-serif;
border-radius: 5px;
color: #e8efff;
outline: none;
border: none;
cursor: pointer;
}
这是我加载静态文件的 index.js 服务器文件
app.use('/assets', express.static('./assets'));
这是样式表包含在我的 ejs 文件中的地方
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/style.css" type="text/css">
<!--<link rel="stylesheet" href="style.css" type="text/css">-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Blog</title>
</head>
这是我收到的错误消息
C:\Users\sukho\Desktop\databasemidterm\assets\style.css:2
.like__btn {
^
SyntaxError: Unexpected token '.'
如果您的CSS文件直接位于public文件夹中并且您的EJS文件位于views文件夹中,您可以使用:
HTML
<link rel="stylesheet" href="../assets/style.css" type="text/css">