Pug模板加载错误'

Question

我正在尝试使用我的PUG模板加载React-jsx文件。但是我得到

 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 Template相关开发的新手。您能解释一下这不可能吗？

Answer 1

这里问题是错误的文件路径。我刚刚创建了一条虚拟路径，如下所示。

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

而且在我的哈巴狗模板中，我只是这样使用脚本标签。

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

现在我的文件已正确加载。由于pug是服务器端渲染，因此我可以期望它在浏览器中的表现方式。但是还有另一个问题，

SyntaxError: Cannot use import statement outside a module

我将对此进行调查，我认为这是此问题的答案。