Ошибка при импорте изображений в приложении SSR React: «SyntaxError: неверный или неожиданный токен NPNG» - PullRequest
Новая
       25

Ошибка при импорте изображений в приложении SSR React: «SyntaxError: неверный или неожиданный токен NPNG»

0 голосов
/ 14 ноября 2018

Я пытаюсь запустить приложение SSR React (16.3.0), используя простой экспресс-сервер. После сборки и запуска babel-node server.js получена ошибка относительно импортированного файла PNG:

/ дома / DEV / тест / SRC / активы / bg.png: 1 (функция (export, require, module, __filename, __dirname) { PNG ^ 

SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:617:28)
    at Module._extensions..js (module.js:664:10)
    at Object.newLoader [as .js] (/home/dev/test/node_modules/pirates/lib/index.js:88:7)
    at Module.load (module.js:566:32)
    at tryModuleLoad (module.js:506:12)
    at Function.Module._load (module.js:498:3)
    at Module.require (module.js:597:17)
    at require (internal/module.js:11:18)

Это мой server.js: 

import express from 'express'
import React from 'react'
import ReactDOMServer from 'react-dom/server'
import path from 'path'

import App from './src/components/App'

const app = express()
const port = 4000

const HTMLShell = (html) => `
  <!DOCTYPE html>
  <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>SSR React App</title>
      </head>
      <body>
          <div id="app">${html}</div>
          <script src="./app.min.js"></script>
      </body>
  </html>`

app.use(express.static(path.join(__dirname, 'dist')))

app.get('*', (req, res) => {
  let html = ReactDOMServer.renderToString(
    <App />
  )

  res.send(HTMLShell(html))
})

app.listen(port, () => console.log(`Example app listening on port ${port}!`))

Для комплектации я использую Parcel. Как импортировать изображения без этой ошибки?

EDIT: Изображения импортируются следующим образом:

import bgHeader from '../assets/bg.png'

...