在 Node Express Handlebars 应用程序中找不到 javascript 文件

Question

我的应用程序未从我的公共(public)文件夹加载 .js 文件、css 文件或图像。 这些是我在控制台中遇到的错误:

1. 获取http://localhost:8080/assets/images/burger.jpg 404(未找到)
2. 获取http://localhost:8080/burgers.js net::ERR_ABORTED 404(未找到)
3. 拒绝应用“http://localhost:8080/assets/css/style.css”中的样式' 因为它的 MIME 类型('text/html')不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

这是我在 main.handlebars 头部的路径:

<link rel="stylesheet" href="/assets/css/style.css" type="text/css">
<script src="/assets/js/burgers.js"></script>

我已将其包含在 server.js 的中间件中:

app.use(express.static('public'));

这是我的目录:

• 公开
  • Assets
    • CSS
      • 样式.css
    • js
      • burgers.js
    • 图像
      • 汉堡.jpg
• 观看次数
  • 布局
    • main.handlebars
  • index.handlebars
• 服务器.js

Answer 1

试试这个

<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<script src="assets/js/burgers.js"></script>

或者

<link rel="stylesheet" href="./assets/css/style.css" type="text/css">
<script src="./assets/js/burgers.js"></script>