CSS 样式表导致 Node.js 应用程序出现语法错误

问题描述 投票:0回答:1

我正在尝试将 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 '.'
html css node.js static-files nodejs-express-server
1个回答
0
投票

如果您的CSS文件直接位于public文件夹中并且您的EJS文件位于views文件夹中,您可以使用:


HTML
<link rel="stylesheet" href="../assets/style.css" type="text/css">

© www.soinside.com 2019 - 2024. All rights reserved.