在 Rails 上找不到 jQuery

Question

我做了

//= require jquery3
//= require jquery_ujs
//= require_tree .
//= require popper
//= require bootstrap

改变了 webpack 环境

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    Popper: ['popper.js', 'default'],
    noUiSlider: 'nouislider'
  })
)

并制作 npm install -save jquery

我什至在尝试：

import * as jQuery from 'jquery';
debugger

...没事了。 我尝试了一切，但总是在 Chrome 控制台中：

未捕获的 ReferenceError：未定义 jQuery

Answer 1

设置这个 jquery min js

script src="http://code.jquery.com/jquery-1.10.1.min.js"

Answer 2

脚本 src="http://code.jquery.com/jquery-1.10.1.min.js" 当然有效，但我需要使用 webpaker。

我是这样解决的：

//= require jquery
//= require jquery_ujs
//= require popper
...
import $ from 'jquery';

和config\\webpack\\environment.js

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

const webpack = require('webpack')
environment.plugins.prepend('Provide',
  new webpack.ProvidePlugin({
    $: 'jquery/src/jquery',
    jQuery: 'jquery/src/jquery',
    'window.jQuery': 'jquery/src/jquery',
    Popper: ['popper.js', 'default'],
    noUiSlider: 'nouislider'
  })
)

module.exports = environment