Реагировать - динамически загружаемые изображения не отображаются при рендеринге на стороне сервера

Question

Я загружаю на свой сайт различные изображения, например:

  render () {
    const imageUrl = require(`assets/images/${this.props.image}`)
    return (
      <img 
        className={this.props.className} 
        src={imageUrl} 
        alt={this.props.description} 
        itemProp={this.props.itemprop} />
    )
  }

При использовании yarn start для просмотра только моего клиентского кода это работает нормально. Однако при рендеринге на стороне сервера все мои изображения имеют src="[object Object]". Я также удивлен, что изображения не «увлажняются» после загрузки клиентского кода с сервера.

Как правильно загрузить атрибуты изображения src динамически с использованием рендеринга на стороне сервера?

Answer 1

Я не знаю точно , почему результат этого был [Object object] для моих динамически импортированных изображений, но проблема заключалась в том, что моя директория компоновки не была правильно указана в моем приложении Express, выполняя рендеринг сервера.

Изменение:

app.use(express.static('/../build')))

до:

app.use(express.static(path.resolve(__dirname, '../build')))

решил проблему.