import $ from 'jquery';
require("./node_modules/bootstrap/dist/css/bootstrap.min.css")
require("./node_modules/bootstrap/js/dropdown.js")
import React from 'react';
import ReactDOM from 'react-dom';
var _ = require('lodash');
Run Code Online (Sandbox Code Playgroud)
请参考上面的设置.有些原因我从dropdown.js 得到错误说" Uncaught ReferenceError:jQuery未定义()"
我还在webpack.config.js中包含以下行
plugins: [
new webpack.NoErrorsPlugin({
$: "jquery",
jQuery: "jquery"
})
]
Run Code Online (Sandbox Code Playgroud)
但是,没有运气 - 仍然有jQuery未定义的错误.任何的想法 ?有人可以帮忙解决这个问题吗?
非常感谢
我知道它很简单,但是随着rails 6的更新。rails6中有新的语法来管理由webpacker维护的javascript资产。
//application.js
require("@rails/ujs") //.start()
require("turbolinks").start()
require("@rails/activestorage").start()
require('jquery').start()
require('jquery_ujs').start()
require('bootstrap-daterangepicker').start()
require("custom/custom").start()
require("bootstrap").start()
require("channels")
Run Code Online (Sandbox Code Playgroud)
我能够添加,custom/custom但引导程序和jquery无法正常工作我已经通过npm安装了jquery和引导程序
我正在使用带有引导程序和 webpack 的 Rails 6。一切正常。Bootstrap 工作,jQuery 工作等,直到..
我正在关注这个acts_as_votable教程:https : //blog.makersacademy.com/how-to-make-a-dynamic-rails-like-unlike-button-using-the-acts-as-votable-gem-9ab71686ff82
当 PostController 喜欢这个帖子时,它会进入 like.js.erb 然后在浏览器中返回错误
Uncaught ReferenceError: $ is not defined
at <anonymous>:1:1
at processResponse (rails-ujs.js:282)
at rails-ujs.js.195
at XMLHttpRequest.xhr.onreadystatechang (rails-ujs.js:263)
Run Code Online (Sandbox Code Playgroud)
jQuery 正在工作,因为我有引导程序工作,没有错误。只有当它通过 ajax 进入时,它似乎丢失了它。
在 PostsController 中:
Uncaught ReferenceError: $ is not defined
at <anonymous>:1:1
at processResponse (rails-ujs.js:282)
at rails-ujs.js.195
at XMLHttpRequest.xhr.onreadystatechang (rails-ujs.js:263)
Run Code Online (Sandbox Code Playgroud)
在 like.js.erb 中:
respond_to :js, :html, :json
def like
@post = Post.find(params[:id])
if params[:format] == 'like'
post.liked_by current_user
elsif params[:format] == 'unlike'
post.unliked_by current_user
end …Run Code Online (Sandbox Code Playgroud)