Question

我正在使用react / webpack在本地8080上运行开发服务器。这是我还不太了解的东西，我之前遇到过这个问题。 Bootstrap正在HTML中链接，运行正常。但是，当我链接样式表时，控制台给我的样式表找不到404错误。

这是我的HTML样板：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Weather App</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  <link rel="stylesheet" href="public/stylesheet.css" />
</head>
<body>
  <div id="root">

  </div>
</body>
</html>

Index.html和Index.js位于根级别，/ Public目录也是如此，它只包含一个文件：stylesheet.css。

为什么在运行本地服务器时，stylesheet.css没有在浏览器中加载，我该如何解决这个问题？感谢。

Answer 1

如果您使用表达方式共享公用文件夹

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

然后你不需要在源中拥有'public'。

换句话说这个

<link rel="stylesheet" href="public/stylesheet.css" />

应该是这个

<link rel="stylesheet" href="/stylesheet.css" />

服务器上找不到CSS样式表？

1 个答案: