找不到模块'@rails/ujs' - Rails 6 Webpack App答案

【问题标题】：Cannot find module '@rails/ujs' - Rails 6 Webpack App找不到模块'@rails/ujs' - Rails 6 Webpack App
【发布时间】：2019-12-15 14:01:01
【问题描述】：

我在 Rails 6 应用程序中出现这些错误，并且所有 javascript 都无法正常工作：

ERROR in ./app/javascript/packs/application.js
Module not found: Error: Can't resolve '@rails/activestorage' in '/Users/jrsahuquillo/Dropbox/myappname/app/javascript/packs'
 @ ./app/javascript/packs/application.js 9:0-31

ERROR in ./app/javascript/packs/application.js
Module not found: Error: Can't resolve '@rails/ujs' in '/Users/jrsahuquillo/Dropbox/myappname/app/javascript/packs'
 @ ./app/javascript/packs/application.js 5:0-21

我的package.json 是：

{
  "name": "myappname",
  "private": true,
  "dependencies": {
    "@rails/actioncable": "^6.0.0-alpha",
    "@rails/activestorage": "^6.0.2",
    "@rails/ujs": "^6.0.2",
    "@rails/webpacker": "4.2.0",
    "bootstrap": "^4.4.1",
    "jquery": "^3.4.1",
    "jquery-ui": "^1.12.1",
    "jquery-ui-dist": "^1.12.1",
    "popper.js": "^1.16.0",
    "serialize-javascript": "2.1.2",
    "turbolinks": "^5.2.0"
  },
  "version": "0.1.0",
  "devDependencies": {
    "webpack-dev-server": "^3.8.0"
  },
  "optionalDependencies": {
    "fsevents": "2.0.0"
  }
}

在application.js:

require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");
require("bootstrap/dist/js/bootstrap");

在app/views/layouts/application.html.erb:

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>

它工作正常，但我不知道它何时以及为什么停止工作。有人可以帮我吗？

【问题讨论】：

很抱歉这个问题，但您是否运行了yarn install？您是否尝试删除您的node_modules 并再次运行yarn install？像这样，在我看来，设置轨道上的一切都很好。
@beauraF 是的，我试过了，但还是不行。谢谢。还有其他想法吗？

标签： ruby-on-rails rails-activestorage webpacker ruby-on-rails-6 rails-ujs

【解决方案1】：

对不起，我已经解决了。之前有这个错误，我安装了yarn autoclean，后来发现.yarnclean里面有这个：

# asset directories
docs
doc
website
images
assets

我删除了这个，错误消失了。

【讨论】：

我已经安装了几个月，但突然出现错误。就是这个，我永远不会知道。
是的，这也解决了我的问题。我不小心添加了 yarn clean，这让我头疼了好几个小时，因为找不到 @rails/ujs

【解决方案2】：

运行命令。我猜 node_modules 有问题。

yarn add rails-ujs turbolinks
npm install rails-ujs turbolinks

【讨论】：

【解决方案3】：

在运行系统测试时遇到此错误，并设法通过删除 node_modules 文件夹和缓存在 /tmp 文件夹中的任何内容来修复它，然后重新运行 yarn install。

对我来说问题的原因是：

最近跑了yarn autoclean --inityarn autoclean --force，然后因为一切都搞砸了，所以试图扭转它。

【讨论】：