在rails 6中使用webpacker时出现Javascript (UJS)错误
在Rails 6中使用Webpacker时出现Javascript (UJS)错误可能是由于以下原因导致的：
- 版本不兼容：确保你的Rails版本和Webpacker版本是兼容的。可以查看Webpacker的官方文档或Github页面，了解哪些版本是兼容的。
- 配置错误：检查你的Webpacker配置文件，确保正确设置了Javascript (UJS)相关的选项。例如，确保你的Webpacker配置文件中包含了
@rails/ujs模块。 - 缺少依赖：检查你的应用程序的Gemfile文件，确保已经安装了正确的依赖项。对于Javascript (UJS)错误，你可能需要安装
@rails/ujsgem。 - 缺少Javascript文件：确保你的应用程序中包含了正确的Javascript文件。在Rails 6中，Webpacker默认使用Webpack来管理Javascript文件，所以你需要确保你的Javascript文件正确地被Webpack打包。
解决这个问题的一种方法是尝试重新安装Webpacker和相关的依赖项。首先，确保你的Gemfile文件中包含了Webpacker gem，并运行bundle install命令来安装它。然后，运行rails webpacker:install命令来重新安装Webpacker。这将会重新生成Webpacker的配置文件和相关的Javascript文件。
如果你仍然遇到问题，可以尝试在Rails的官方文档、Webpacker的官方文档、Stack Overflow等技术论坛上搜索类似的问题，以获取更多的解决方案和建议。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和需求的应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、高可用的云数据库服务，适用于各种业务场景。详情请参考：https://cloud.tencent.com/product/cdb
- 人工智能机器学习平台（AI Lab）：提供丰富的人工智能开发工具和服务，帮助开发者快速构建和部署AI模型。详情请参考：https://cloud.tencent.com/product/ailab
- 云存储（COS）：提供安全可靠、高扩展性的云存储服务，适用于各种数据存储和传输需求。详情请参考：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：提供一站式区块链解决方案，帮助企业快速搭建和管理区块链网络。详情请参考：https://cloud.tencent.com/product/bcs
相关·内容
3回答
将Rails从资产管道迁移到Webpacker:未捕获ReferenceError：$未在rails-ujs.js中定义
ruby-on-rails-5、webpacker、rails-ujs
我正在从使用asset管道迁移到Rails 5.2中的webpacker。我的AJAX响应都会导致浏览器控制台中的Uncaught ReferenceError: $ is not defined -ujs.js错误。/packs/application.js中导入了rails-ujs和turbolinks import Rails from 'rails-ujs'
impor
浏览 11提问于2019-05-07得票数 5
5回答
在JS模块中使用Rails-UJS (带有webpacker的Rails 6)
ruby-on-rails、webpack、webpacker、rails-ujs
我刚刚切换到Rails 6 (6.0.0.rc1)，默认情况下，它与Rails-UJS一起使用 gem。我希望在我的一些模块中使用Rails UJS来提交来自以下函数的表单：Rails.fire(form, "submit")
在安装了Webpacker的以前的R
浏览 2提问于2019-05-14得票数 39
回答已采纳
2回答
Rails 6: link_to方法：：删除不起作用
jquery、ruby-on-rails
我有一个应用程序，它在我使用devise gem的路线中使用Rails 6和Boootstrap gem 4.4.1： sessionscsp_meta_tag = javascript
浏览 2提问于2021-11-15得票数 1
1回答
如何将库添加到webpacker中以用于刺激JS控制器
javascript、ruby-on-rails、webpack、stimulusjs
我想使用库(我的 js中的)，但是我一直收到一个错误，上面写着：
console.log( dayjs().format('YYYY-MM-DD') );
我正在使用Rails 5.2与Webpacker和刺激/package.json "name": "meh", "depe
浏览 1提问于2019-02-04得票数 1
2回答
未在Rails 6/Webpacker中加载的引导JS函数
webpacker、ruby-on-rails-6
使用Webpacker和Rails 6攀登学习曲线。 我已经使用Yarn和Webpacker安装了Boostrap 4。当我尝试在浏览器的JS控制台中使用Bootstrap组件时，会得到：TypeError: $.fn.button is undefined。如果我删除Yarn安装，在HTML的head中添加一个Bootstrap CDN链接(老方法)，一切都会正常工作。当我删除CDN链接并恢复使用Webpa
浏览 20提问于2019-10-02得票数 6
1回答
Rails 6.在Ajax中使用Bootstrap 4工具提示
jquery、ruby-on-rails、webpack、bootstrap-4、turbolinks
application.js文件(app/javascript/packs/application.js)：require("turbolinks我尝试将$('[data-toggle="tooltip"]').tooltip()代码插入到我的js.erb文件中，但是在浏览器控制台中总是会出现‘工具提示不是函数’的错误
浏览 0提问于2020-07-17得票数 0
2回答
通过webpacker编译js的结果是: SassError:预期的"{“
ruby-on-rails、webpack、webpacker
我试图在我的rails应用程序中使用scss，这是由webpacker配置的。每当我运行rails webpacker:compile时，都会得到以下错误：我在调试这个问题时遇到了麻烦，希望得到任何帮助。/actioncable": "^6.1
浏览 0提问于2021-02-15得票数 8
回答已采纳
1回答
带有Webpacker的Rails Bootstrap 3-下拉不工作
ruby-on-rails、twitter-bootstrap-3、webpacker
我在app>assets>javascripts>application.js中有以下设置 //= require rails-ujsimport "jquery"
impo
浏览 18提问于2018-12-20得票数 1
1回答
创建新RailsApp时出现Rails_uis抛出错误
ruby-on-rails、ruby-on-rails-6
在创建了一个新的ruby2.6/ rails6应用程序并搭建了脚手架之后，销毁弹出窗口就不工作了。", "turbolinks": "^5.2.0", "version": "0.1.0", "webpack-dev-s
浏览 8提问于2019-06-02得票数 1
1回答
Rails 6和Google Rails地图
ruby-on-rails、gmaps4rails、ruby-on-rails-6
我下载gmaps_google.js并将其添加到我的供应商/js文件夹中，因为Rails 6没有资产管道，而是使用webpacker。这就是我认为应该发布的地方，因为我得到了以下错误：我更新了我的webpacker.yml文件以查找供应商/js文件夹，在检查DOM时，它似乎是存在的。javascript/packs/
浏览 4提问于2019-06-14得票数 4
回答已采纳
2回答
Rails 6+ webpack错误:未命名的TypeError：$(.).popover不是函数
ruby-on-rails、webpack、popover、ruby-on-rails-6
我将在rails 6中启动一个新项目，这将是我第一次接触Webpack，我在使用popover、工具提示、下拉列表时遇到了问题。: ['@rails/ujs'])
application.jsimport'regenerator-runtime/runtime'
requi
浏览 5提问于2020-07-02得票数 2
2回答
Rails 6:如何禁用Webpack并使用链轮
ruby-on-rails、rails-sprockets
我正在为ActionMailbox、ActionText和多个数据库将Rails 5.2应用程序迁移到6.0。但是，我不认识webpack，我想用链轮代替。如何正确地将webpack从Rails 6中移除并安装链轮？rails new app立即安装webpack文件。是否有一种方法可以很容易地默认链轮？Rails (Ruby)应该是的约定，而不是配置，但是Webpack (Javascript)通过增加大量的配置和复杂性来取消它。
浏览 0提问于2019-03-18得票数 36
回答已采纳
1回答
在rails 6中使用webpacker时出现Javascript (UJS)错误
javascript、ruby-on-rails-6、webpacker
我有一个非常基本的rails 6应用程序，它是用一个控制器和索引视图创建的，如下所示： $ cat app/views/welcome/index.html.erb } , false); 启动服务器后，页面准确地显示了2个链接，并且我在控制台页面上打开了开发人员工具它还显示以下
浏览 20提问于2020-01-13得票数 0
回答已采纳
1回答
未定义的ReferenceError: Rails在Rails 7中没有与Webpack一起定义
ruby-on-rails、ruby、webpack、yarn-v2
我的Rails配置中有一个bug，不知道该怎么做了。它不会干扰我的任何代码，但我想知道为什么会出现这个问题，以及在不久的将来我是否会遇到问题。我和webpack一起使用Rails 7。在以下情况下使用javascript在使用actioncable和通道时出错：<
浏览 1提问于2022-01-16得票数 0
1回答
在rails6上使用“‘data confirm-modal”
ruby-on-rails、ruby、twitter-bootstrap、ruby-on-rails-6
[已尝试的步骤]gem 'data-confirm-modal'gem 'bootstrap-sass', '3.4.1'app/javascript/packs/application.js
// This file is automatically compiled by Webpac
浏览 2提问于2021-02-27得票数 0
2回答
在Rails 6中可以使用.js.erb文件吗？
ruby-on-rails、ruby-on-rails-6
我在app/javascripts/custom/test.js.erb中有以下内容 export function test(){} 但是，再培训局并没有被解释在Rails6中可以像这样使用js.erb吗？
浏览 55提问于2021-10-09得票数 2
回答已采纳
1回答
无法通过Webpacker将外部JS库导入Rails应用程序
ruby-on-rails、webpack
无法通过Webpacker在Rails应用程序中导入外部JS库。我用npm安装了它，目前可以在node_modules中看到它。"@rails/actioncable": "^6.0.0", "@rails/ujs": &quo
浏览 4提问于2021-11-27得票数 0
1回答
Application.js找不到@rails
javascript、ruby、ruby-on-rails-6
我正在将一个相当老的项目更新为rails 6，并适应当前的"rails方式“。我刚刚安装了webpacker，但是我遇到了问题，我似乎找不到解决的方法。在运行项目时，我得到以下错误：Uncaught Error: Cannot find module '@rails/ujs'
我试图通过纱线重新安装rails-ujs，但没有效果。此外，我还试图注释来自我的app/javascr
浏览 3提问于2020-10-21得票数 0
3回答
如何在rails webpacker3中使用jQuery
jquery、ruby-on-rails、webpacker
我生成了一个新的rails应用程序：rails new titi --webpack=vuemodule.exports = {
...vue: "vue/dist&#x
浏览 2提问于2017-09-01得票数 13
1回答
获取未捕获的ReferenceError: jQuery未在Rails 6项目中定义
jquery、ruby-on-rails、webpack、ruby-on-rails-6、webpacker
我一直在致力于将一个遗留的Rails应用程序迁移到Rails 6.0.2中使用webpacker，但一直遇到一个Uncaught ReferenceError: jQuery is not defined错误。即使在我创建的一个新的Rails 6应用程序中，也会出现同样的错误。 我遵循了大量不同的教程/ StackOverflow答案，但似乎都不起作用。这是我目前所拥有的--谁能给我指个正确的方向？&quo
浏览 6提问于2020-04-19得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
