Question

我在 express 中使用 Handlebars 4.1.2 版来呈现 HTML。我无法加载 CSS 和 JavaScript 文件。我不知道为什么它不起作用。我尝试了很多方法来通过每个可能的路径加载本地 CSS 文件。我是新来的表达请帮忙。

在控制台上显示： main.js:1 Uncaught SyntaxError: Unexpected token '<'

这是我的 index.hbs 代码：

<!DOCTYPE html>
<html>
<head>  
        <link rel="stylesheet" type="text/css" href="/css/styles.css">
</head>
<body>
        {{>header}}
        <h1> {{title}}</h1>
        {{>footer}}
        <script src="/js/main.js"></script>
</body>
</html>

这是我的快递代码：

const express = require('express')
const path = require('path')
const hbs = require('hbs')
const app = express();

const viewPath = path.join(__dirname,'../templates/views')
const partialPath = path.join(__dirname,'../templates/partials')

//Setting  up the Paths
app.set('view engine' , 'hbs')
app.set('views' , viewPath)
hbs.registerPartials(partialPath)

app.get('/', ( req, res) =>{
    res.render('index',{
        title:'Home Page'
    })
})

这是我的文件夹结构： enter image description here

无法使用 hbs && On Console 在 express 中添加 CSS 和 JS 文件：Uncaught SyntaxError: Unexpected token '<'

0 个答案: