Есть ли способ избежать предупреждения «Текстовое содержимое не соответствует» в SSR с React? - PullRequest
Новая
       5

Есть ли способ избежать предупреждения «Текстовое содержимое не соответствует» в SSR с React?

0 голосов
/ 28 декабря 2018

Я настроил среду SSR с Webpack и HMR.Существует статическая визуализация разметки, которую сервер передает клиенту и пакет client.js с методом ReactDOM.hydrate().Если я изменяю свой исходный код, HMR работает нормально, но выдает предупреждение в консоли, в котором говорится о несоответствии между клиентским кодом и статической разметкой.

Я использую экспресс-сервер с webpack-dev-middleware и webpack-hot-middleware

Мой конфиг веб-пакета выглядит следующим образом: 

module.exports = {
  mode: 'development',
  entry: ['webpack-hot-middleware/client', './src/client.js'],
  devServer: {
    hot: true,
    publicPath: '/'
  },
  plugins: [new HotModuleReplacementPlugin()],
  module: {
    rules: [{ test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel-loader' }]
  },
  resolve: {
    extensions: ['.js', '.jsx']
  },
  output: {
    filename: 'client.js',
    path: path.resolve(__dirname)
  }
};

Мне интересно, есть ли способ решить эту проблему, так как я не могу придумать какие-либо идеи о том, как сделатьмоя разметка, чтобы соответствовать изменениям, которые я сделал, или я должен просто подавить эти предупреждения?

...