Ошибка загрузки шаблона мопса '‹' неожиданный токен

Я пытаюсь загрузить файл React-jsx, используя мой шаблон PUG. Но я получаю

 Unexpected token '<'

когда я смотрю в консоль браузера. Вот мой код. Я использую Посылку.

doctype html
head
  meta(charset='UTF-8')
  title Pearson Launch
  base(href='/launch-ui')
  meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no')
  link(rel='shortcut icon' href='./lib/favicon.ico')
script(type='application/javascript' src='jsx/main.jsx')

Я новичок в разработке, связанной с шаблоном Pug. Объясните, пожалуйста, это невозможно?


reactjs node.js javascript pug parcel
person Thathsara Udugampala    schedule 03.04.2020    source источник
comment
Должен ли тег script иметь отступ на один уровень, чтобы быть дочерним элементом элемента <head>?   -  person Sean    schedule 03.04.2020
comment
Нет. Я хотел поместить тег script под тегом body. Я подозреваю, что мой main.jsx содержит операторы импорта. Здесь то, что я пытаюсь сделать, это заменить точку входа Parcel index.html на index.pug, потому что я хочу динамически передавать некоторую информацию моему реагирующему приложению. Он загружается. С index.html он работает отлично. Как только я заменил index.html на index.pug, у меня возникла эта проблема.   -  person Thathsara Udugampala    schedule 04.04.2020

Ответы (1)


arrow_upward
0
arrow_downward

Здесь проблема заключалась в неправильном пути к файлу. Я только что создал виртуальный путь, как показано ниже.

app.use('/javascripts', express.static(path.join(__dirname, 'public')));

И в моем шаблоне мопса я просто использовал тег script таким образом.

script( src='javascripts/jsx/main.jsx')

Теперь мой файл правильно загружается. Поскольку мопс — это рендеринг на стороне сервера, я могу ожидать, что он будет вести себя так же, как и в браузере. Но есть еще одна проблема, которая заключается в том,

SyntaxError: Cannot use import statement outside a module

Я посмотрю на это, и я думаю, что это ответ на этот вопрос.

person Thathsara Udugampala    schedule 04.04.2020