我做了
//= 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