ruby-on-rails 获取未捕获的引用错误:Rails 6项目中未定义jQuery

anauzrmj  于 2023-01-03  发布在  Ruby
关注(0)|答案(2)|浏览(185)

我一直在迁移一个遗留的Rails应用程序,以便在Rails6.0.2中使用webpacker,但是不断遇到Uncaught ReferenceError: jQuery is not defined错误,甚至在我创建的一个新的Rails 6应用程序中也会出现同样的错误。
我已经遵循了很多不同的教程/ StackOverflow的答案,但似乎没有什么工作。以下是我目前拥有的-谁能请我指出正确的方向?
我已经运行了yarn add jquery,所以这是在我的package.json文件:

{
  "name": "test_app",
  "private": true,
  "dependencies": {
    "@rails/actioncable": "^6.0.0",
    "@rails/activestorage": "^6.0.0",
    "@rails/ujs": "^6.0.0",
    "@rails/webpacker": "4.2.2",
    "bootstrap": "^4.4.1",
    "jquery": "^3.5.0",
    "popper.js": "^1.16.1",
    "turbolinks": "^5.2.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.10.3"
  }
}

在我的application.js文件中:

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("jquery") // I've also tried without this line.
require("bootstrap");

在我的environment.js文件中:

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

environment.plugins.append('Provide', new webpack.ProvidePlugin({
  $: 'jquery/src/jquery', // I've also tried with just 'jquery' rather than referring specifically to the src folder.
  jQuery: 'jquery/src/jquery' // Same comment as above.
}));

module.exports = environment

我很困惑为什么它不工作-我已经尝试了建议的解决方案here,以及大量的其他资源。任何帮助将不胜感激!

a1o7rhls

a1o7rhls1#

不确定这是否适合您,但我不得不将require("jquery")行移到application.js文件的顶部。
另一件需要确保的事情是,您在布局中使用了以下标记。<%= javascript_pack_tag 'application' %>

vc6uscn9

vc6uscn92#

我有很多问题从webpacker 5迁移到shakapacker.
第一个月
application.js的顶部修复了该问题

相关问题