<!DOCTYPE html>^ 語法錯誤：意外標記“<”

Question

我正在嘗試在發布請求中呈現 cart.ejs 文件。

我的cart.ejs

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="cart-container">
        <p id="cart-title">Your<strong>Cart</strong></p>
        <div id="empty-cart">
            <h1>Your Cart is Empty..</h1>
        </div>
</body>
</html>

購物車.js

const express = require('express');

const router = express.Router();
const Cart = require('../model/cart');


router.post('/',async (req,res) => {
    console.log(req.params.name);
    const carts= new Cart({
        name:req.body.name,
        qty:parseInt(req.body.quantity)
    });

    

    try{
    const a= await carts.save();
        res.render('cart');

    console.log(carts);
    }catch(err)
    {
        res.send(err);
    }   
});

module.exports = router;

我無法找出錯誤是什么.. 我在運行服務器時收到 ^ SyntaxError: Unexpected token '<' 錯誤。 我檢查了堆棧溢出中所有可能的答案，但無濟於事。

Answer 1

var cart = require('./views/cart.ejs');

require用於加載 JavaScript 模塊（通常采用 CommonJS 模塊格式，但有時采用 ES6 模塊格式）。

EJS 文件不是JavaScript 模塊。 它們需要使用 EJS 編譯器加載（當您使用 Express 時，通常使用render方法完成，如 Express.js 指南中的使用模板引擎中所述。即您在carts.js 中所做的。

我不知道為什么你想require一個，你沒有提供app.js，但不要。

Answer 2

首先，我在我的 cart.ejs 中發現了一些小的語法錯誤。

在</body>之前，缺少</div>標簽。

<body>
    <div id="cart-container">
        <p id="cart-title">Your<strong>Cart</strong></p>
        <div id="empty-cart">
            <h1>Your Cart is Empty..</h1>
        </div>
    </div> // this end div tag must be here.
</body>

<!DOCTYPE html>^ 語法錯誤：意外標記“<”

問題描述

2 個解決方案

解決方案1
0 2021-06-28 16:10:17

解決方案2
-1 2021-06-28 15:20:03

<!DOCTYPE html>^ 語法錯誤：意外標記“&lt;”

問題描述

2 個解決方案

解決方案1 0 2021-06-28 16:10:17

解決方案2 -1 2021-06-28 15:20:03

<!DOCTYPE html>^ 語法錯誤：意外標記“<”

解決方案1
0 2021-06-28 16:10:17

解決方案2
-1 2021-06-28 15:20:03