サーバー側のレンダリングを行い、Web を開いてコンソールを表示すると、2 つのエラー メッセージが表示されました。
最初のエラー メッセージ:
Warning: It looks like you're using a minified copy of the development
build of React. When deploying React apps to production, make sure to
use the production build which skips development warnings and is
faster. See https://facebook.github.io/react/docs/optimizing-performance.html#use-the-production-build for more details.
私の webpack.config.js では、このプラグインを使用していることを確認しています。
plugins: debug ? [] : [
new webpack.optimize.DedupePlugin(),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false
]
2 番目のエラー メッセージ:
Warning: React attempted to reuse markup in a container but the
checksum was invalid. This generally means that you are using server
rendering and the markup generated on the server was not what the
client was expecting. React injected new markup to compensate which
works but you have lost many of the benefits of server rendering.
Instead, figure out why the markup being generated is different on
the client or server:
(client) id="27" >< option id="cbhlnhfolziayudi" da
(server) id="27" >< option id="dktswsr" data-reacti