我正在尝试通过 Webpack 在 Rails 6.0.0.rc1 中安装 jQuery,我不确定我缺少什么,但我收到了错误$ is not defined
尽管能够编译 jQuery,但仍会在浏览器控制台中出现。
我添加了 jQueryyarn add jquery
,所以我的 package.json 看起来像这样
{
"name": "muladeseis_app",
"private": true,
"dependencies": {
"@babel/preset-react": "^7.0.0",
"@rails/actioncable": "^6.0.0-alpha",
"@rails/activestorage": "^6.0.0-alpha",
"@rails/ujs": "^6.0.0-alpha",
"@rails/webpacker": "^4.0.2",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
"jquery": "^3.4.0",
"prop-types": "^15.7.2",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"turbolinks": "^5.2.0"
},
"version": "0.1.0",
"devDependencies": {
"webpack-dev-server": "^3.3.1"
}
}
我的 app/javascript/packs/application.js 需要来自 node_modules 的 jquery
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("jquery")
我尝试过注册$
在 config/webpack/environment.js 中执行以下操作:
const { environment } = require('@rails/webpacker')
const webpack = require('webpack')
module.exports = environment
environment.plugins.append(
'Provide',
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
})
)
每当我在我的视图中添加一个脚本时$
我得到的参考Uncaught ReferenceError: $ is not defined
.
我已经检查过 StackOverflow 的答案,例如this https://stackoverflow.com/questions/37651015/webpack-using-bootstrap-jquery-is-not-defined看看我是否错误地注册了关键字符“$”,但我只找到了建议使用我已经在配置中提到的 ProvidePlugin 的答案。
另外,如果我在浏览器检查器中探索我的应用程序源,我确实会看到 jQuery 代码集成在 localhost:3000 >> packs/js 中,所以问题不是 Webpack 找不到 jQuery,而是关键字 '$' 和 'jQuery' 是不被认可。
我很感激你帮助调试这个。