E JS Ошибка рендеринга после преобразования из HTML - PullRequest
Новая
       20

E JS Ошибка рендеринга после преобразования из HTML

0 голосов
/ 09 февраля 2020

Это несколько фрагментов гораздо более крупного проекта, в котором я участвовал более месяца. У меня около 6 часов на поиск и устранение неисправностей, и все смешивается.

До преобразования в E JS все работало идеально.

Я не ищу откровенного решения, но я ' Я новичок в E JS, поэтому точка в правильном направлении спасет меня, прежде чем я вернусь к Vanilla JS на HTML. Что-то здесь должно быть не так.

Ошибки:

ReferenceError: Недопустимая левая часть в назначении в новой функции () в Template.compile (/ home / bob /Documents/Programming/Portfolio/node_modules/ejs/lib/ejs.js:626:12) в Object.compile (/ home / bob / Documents / Programming / Portfolio / node_modules / ejs / lib / e js. js: 366: 16) в handleCache (/home/bob/Documents/Programming/Portfolio/node_modules/ejs/lib/ejs.js:215:18) в tryHandleCache (/ home / bob / Documents / Programming / Portfolio / node_modules / ejs / lib / e js. js: 254: 16) в View.exports.renderFile [в качестве движка] (/ home / bob / Documents / Programming / Portfolio / node_modules /ejs/lib/ejs.js:459:10) в View.render (/home/bob/Documents/Programming/Portfolio/node_modules/express/lib/view.js:135:8) в tryRender (/home/bob/Documents/Programming/Portfolio/node_modules/express/lib/application.js:640:10) в Function.render (/ home / bob / Documents / Programming / Portfolio / node_modules / express / Библиотека / ПРИМЕНЕНИЕ n. js: 592: 3) в ServerResponse.render (/home/name/Documents/Programming/Portfolio/node_modules/express/lib/response.js:1012:7)

.e js file: 

<!DOCTYPE html>
<html lang="en">

<head>
  <title>Services</title>
  <meta name="services" contents="Services Page">
  <link rel="stylesheet" href="styles.css" />
  <script src="store.js" async></script>
</head>

<body>
  <header class="main-header">
    <nav class="nav main-nav">
      <ul>
        <li><a href="index.html">HOME</a></li>
        <li><a href="services.html">SERVICES</a></li>
        <li><a href="about.html">ABOUT</a></li>
      </ul>
    </nav>
    <h1 class="my-name my-name-large">My Name</h1>
  </header>

  <section class="container content-section">
    <h2 class="section-header">STARTUP</h2>
    <div class="service-items">
      <% items.startup.forEach(function(item){ %>
        <div class="service-item shop-item" data-item-id="<%= item.id %>">
          <span class="service-item-title"><%= item.name %></span>
          <img class="service-item-image" src="Images/Services/<%= item.imgName %>" height="96px" width="96px">
          <div class="service-item-details">
            <span class="service-item-price">$<%= item.price /1= 100 %></span>
            <button class="btn btn-service shop-item-button" type="button">ADD TO CART</button>
          </div>
        </div>
        <% }) %>
    </div>
    <h2 class="section-header">RESOURCES</h2>
    <div class="service-items">
      <% items.startup.forEach(function(item){ %>
        <div class="service-item shop-item" data-item-id="<%= item.id %>">
          <span class="service-item-title"><%= item.name %></span>
          <img class="service-item-image" src="Images/Services/<%= item.imgName %>" height="96px" width="96px">
          <div class="service-item-details">
            <span class="service-item-price">$<%= item.price /1= 100 %></span>
            <button class="btn btn-service shop-item-button" type="button">ADD TO CART</button>
          </div>
        </div>
        <% }) %>
    </div>
    <h2 class="section-header">CONSULTING</h2>
    <div class="service-items">
      <% items.startup.forEach(function(item){ %>
        <div class="service-item shop-item" data-item-id="<%= item.id %>">
          <span class="service-item-title"><%= item.name %></span>
          <img class="service-item-image" src="Images/Services/<%= item.imgName %>" height="96px" width ="96px">
          <div class="service-item-details">
            <span class="service-item-price">$<%= item.price /1= 100 %></span>
            <button class="btn btn-service shop-item-button" type="button">ADD TO CART</button>
          </div>
        </div>
        <% }) %>
    </div>
  </section>

  <section class="container content-section">
    <h2 class="section-header">CART</h2>
    <div class="cart-items-header">
      <div class="service-item-details">
        <span class="cart-item cart-column-header cart-header">ITEM</span>
        <span class="cart-price cart-column-header cart-header">PRICE</span>
        <span class="cart-quantity cart-column-header cart-header">QUANTITY</span>
      </div>
    </div>
    <div>
      <div class="cart-items">


      </div>
      <div class="cart-total">
        <strong class="cart-total-title">Total</strong>
        <span class="cart-total-price">$0.00</span>
        <button class="btn btn-primary btn-purchase" type="button">PURCHASE</button>
      </div>
    </div>
  </section>


  <footer class="main-footer">
    <div class="container main-footer-container">
      <h3 class="my-name">my-name</h3>
      <ul class="nav footer-nav">
        <li>
          <a href="mywebsite.com"><img src="./Images/Icons/Youtube.png" height="48px" width="48px"></a>
        </li>
        <li>
          <a href="mailto:bob@bbass.co" target="_blank"><img src="./Images/Icons/Gmail.png" height="48px" width="48px"></a>
        </li>
        <li>
          <a href="https://www.github.com/716green" target="_blank"><img src="./Images/Icons/Github.png" height="48px" width="48px"></a>
        </li>
      </ul>
    </div>
  </footer>
</body>

</html>

1 Ответ

1 голос
/ 09 февраля 2020

Вот эта строка: 

<span class="service-item-price">$<%= item.price /1= 100 %></span>

Вы, вероятно, имели в виду 

<span class="service-item-price">$<%= item.price / 100 %></span>
...