这就是我的解决方案！
我还将var改为const，将撇号（'）改为反勾号（'）！

let count = 1;

function new_link() {
    count++;
    const e = document.createElement("tr");
    e.id = count;
    e.className = "product";
    const t = `
        <th scope="row" class="product-id">${count}</th>
        <td class="text-start">
            <div class="mb-2">
                <input class="form-control bg-light border-0" type="text" name="productName-${count}" id="productName-${count}" placeholder="Product Name" />
            </div>
            <textarea class="form-control bg-light border-0" id="productDetails-${count}" rows="2" placeholder="Product Details"></textarea>
            </div>
        </td>
        <td>
            <input class="form-control bg-light border-0 product-price" type="number" id="productRate-${count}" step="0.01" placeholder="$0.00">
        </td>
        <td>
            <div class="input-step">
                <button type="button" class="minus">-</button>
                <input type="number" class="product-quantity" id="product-qty-${count}" value="0" readonly />
                <button type="button" class="plus">+</button>
            </div>
        </td>
        <td class="text-end">
        <div>
            <input type="text" class="form-control bg-light border-0 product-line-price" id="productPrice-${count}" value="$0.00" placeholder="$0.00" />
        </div>
        </td>
        <td class="product-removal">
            <a class="btn btn-success">Delete</a>
        </td>
    `;
    e.innerHTML = t;
    return e;
}

console.log(new_link());
console.log(new_link());
console.log(new_link());