Javascript react rails与服务器呈现组件以及将jquery添加到webpacker时出现问题

Javascript react rails与服务器呈现组件以及将jquery添加到webpacker时出现问题,javascript,jquery,ruby-on-rails,webpack,webpacker,Javascript,Jquery,Ruby On Rails,Webpack,Webpacker,我使用gem react rails的rails 5.1.7 我在config/webpack/environment.js中添加了以下内容: const { environment } = require('@rails/webpacker') const webpack = require('webpack'); environment.plugins.append('Provide', new webpack.ProvidePlugin({ $: 'jquery', jQuery:

我使用gem react rails的rails 5.1.7

我在config/webpack/environment.js中添加了以下内容:

const { environment } = require('@rails/webpacker')

const webpack = require('webpack');

environment.plugins.append('Provide', new webpack.ProvidePlugin({
 $: 'jquery',
 jQuery: 'jquery',
 Popper: ['popper.js', 'default']
}));

const config = environment.toWebpackConfig();

config.resolve.alias = {
 jquery: 'jquery/src/jquery'
};

module.exports = environment;

添加后,我正在使用辅助对象在erb视图中渲染的组件停止工作:

<%= react_component("App", { current_user: @current_user}, {prerender: true}) %>
作为回溯:

Object.<anonymous> ((execjs):15636:3)
Object./node_modules/jquery/src/var/document.js ((execjs):15637:4)
__webpack_require__ ((execjs):54:30)
Object./node_modules/jquery/src/core/DOMEval.js ((execjs):9502:99)
对象

Object.<anonymous> ((execjs):15636:3)
Object./node_modules/jquery/src/var/document.js ((execjs):15637:4)
__webpack_require__ ((execjs):54:30)
Object./node_modules/jquery/src/core/DOMEval.js ((execjs):9502:99)