在 Rails 上找不到 jQuery



我做了

//= 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

I am try even:

import * as jQuery from 'jquery';
debugger

…和什么都没有。我尝试了所有方法,但在Chrome控制台总是:

Uncaught ReferenceError: jQuery is not defined

设置这个jquery的最小js

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

script src="http://code.jquery.com/jquery-1.10.1.min.js"当然可以,但是我需要使用webpacker。

我解决了这个问题:

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

配置 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

最新更新