webpackJsonp is not defined(rails/rails-react)
saegusa41010.hatenablog.jp
この記事の過程でSSRさせようとしていた際に出てきたエラー
CommonsChunkVendorが悪さしていた
github.com
これを参考にしました。application.jsのみがエントリーポイントとなっており、react-railsで生成されたserver_rendering.jsが読み込まれていない様子
environment.jsを以下のように編集
const { environment } = require('@rails/webpacker') const customConfig = require('./custom') const webpack = require('webpack') const babel = environment.loaders.get('babel') const babelLoader = babel.use.find(loader => loader.loader === 'babel-loader') babelLoader.options.presets = [ [ "env", { "useBuiltIns": true } ], "react" ]; environment.plugins.append( 'CommonsChunkVendor', new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks: module => { return module.context && module.context.includes('node_modules'); }, chunks: ['application'] }) ); environment.plugins.append( 'CommonsChunkManifest', new webpack.optimize.CommonsChunkPlugin({ name: 'manifest', minChunks: Infinity, chunks: ['vendor'] }) ); module.exports = environment; environment.config.merge(customConfig) module.exports = environment
そして、application.erb.htmlのhead中に以下を記述。
<%= javascript_pack_tag "manifest.js" %> <%= javascript_pack_tag "vendor" %> <%= javascript_pack_tag 'application' %>
webpackJsonp is not definedは消えました。また別のエラーが出たけど、、、