Как я могу загрузить шаблон EJS для клиентской части? - PullRequest
Новая
       18

Как я могу загрузить шаблон EJS для клиентской части?

3 голосов
/ 13 марта 2019

У меня есть внешние ejs "Я пытался поместить его в папку views и папку src и импортировать его в index.js, но все еще не работает".Я хочу отправить данные во внешний ejs, я попытался загрузить файл с помощью axios, но все еще не работает

Я импортировал ejs.min.js im мой файл внешнего интерфейса index.js, затем подделал данные, которые хочурендер для печати внутри внешнего файла ejs.и я использую webpack в качестве компилятора 

import axios from "axios";

import ejs from "../node_modules/ejs/ejs.min.js";
import confirmedData from ".././example-data/response.json";



// some vanilla js code in between 

const confirmationElements = confirmedData => {
  console.log("387", confirmedData);
  console.log("388", ejs);
  // axios.get("./confirmation.ejs").then(response => console.log(response));
  const html = ejs.render(
    `
<div>
    <p class="">
      <%= confirmedData.customerData.eMail %>
    </p>
</div>
`,
    { confirmedData: confirmedData }
  );

//here im trying to print what comes directly from confirmedData object inside the template later I wanna import the confirmation ejs file and print confirmationData inside.

  console.log(html);
  return html;
};

, и я получаю эту ошибку в консоли, когда я пытаюсь сделать это

Uncaught TypeError: ejs: 3 1 |2 |

3 |<% = подтвержденныйData.customerData.eMail%> 4 |

Невозможно прочитать свойство 'eMail' из неопределенного при eval (eval при компиляции (ejs.min.js: NaN),: 11: 53) в returnFn (ejs.min.js: 1) в Object.exports.render (ejs.min.js: 1) в подтверждениеElements (index.js: 445) в eval (index.js: 452) в модуле ../ src / index.js (основной.bundle.js: 1677) в webpack_require (main.bundle.js: 724) в fn (main.bundle.js: 101) в eval (index.js: 1) в Object.0 (main.bundle.js: 1699)

и это ответ API, и я уже сделал ответ на вызов Axios, и я получил успех 

{
  "status": "success",
  "confirmationResponse": {
    "customerData": {
      "name": { "prefix": "", "firstName": "test", "lastName": "test" },
      "phoneData": [0123456789],
      "eMail": "test@test.de",
      "address": {
        "streetNumber": "Donald Trump 10",
        "cityName": "NY",
        "postalCode": "12345",
        "countryName": "USA"
      }
   }
}

, и я получаю эту ошибку в терминале, когдаЯ пытаюсь импортировать файл ejs и отобразить его.

ОШИБКА в ./src/confirmation.ejs 1: 0 Ошибка синтаксического анализа модуля: неожиданный токен (1: 0) Вам может потребоваться соответствующий загрузчик дляобработать этот тип файла.

|

Данные пользователя

|@ ./src/index.js 16: 0-46 @ multi ./src/index.js
...