React + SSR + webpack + узел, неожиданный токен NPNG - PullRequest
Новая
       94

React + SSR + webpack + узел, неожиданный токен NPNG

0 голосов
/ 26 апреля 2018

У меня есть webapp в ответ на функцию рендеринга на стороне сервера, работающую на сервере узла. Я использую локальные изображения из каталога ресурсов (как показано ниже: 

<img src={require('../../../assets/img/image.png')} width="400" />

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

(function (exports, require, module, __filename, __dirname) { �PNG
SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:152:10)
    at Module._compile (module.js:605:28)
    at Object.Module._extensions..js (module.js:652:10)
    at Module.load (module.js:560:32)
    at tryModuleLoad (module.js:503:12)
    at Function.Module._load (module.js:495:3)
    at Module.require (module.js:585:17)
    at require (internal/module.js:11:18)

Я пытался использовать file-loader, url-loader, но ничего не получалось. Конфигурация веб-пакета для загрузчика файлов: 

module: {
    rules: [
    {
        test: /\.jsx?$/,
        use: 'babel-loader',
        exclude: /node_modules/
    },
    {
        test: /\.(png|jpg|gif)$/,
        use: [
        {
            loader: 'file-loader',
            options: {}
        }
        ]
    }
    ]
},

Может кто-нибудь, пожалуйста, дайте мне знать, в чем здесь проблема. Или есть другой способ использовать локальное изображение, отличное от require(). Любая помощь будет оценена.

Спасибо ~ Сатиш

...