执行rails new react-app --webpack=react未生成packs文件夹问题求助

问题原因 #

Rails 7 已弃用 Webpacker 作为默认前端打包工具，转而采用 jsbundling-rails + esbuild（或其他打包器）的方案。你参考的博客基于旧版 Rails（依赖 Webpacker），因此在 Rails 7.0.4 中执行--webpack=react不会生成传统的app/javascript/packs目录。

解决方案 #

方案一：强制使用 Webpacker（不推荐，已弃用） #

如果必须遵循博客的 Webpacker 流程，需手动配置：

• 创建项目时跳过默认前端配置：

  rails new react-app --skip-javascript
  cd react-app
  

• 在Gemfile中添加依赖：

  gem 'webpacker', '~> 5.4'
  gem 'react-rails'
  

• 执行安装命令：

  bundle install
  rails webpacker:install
  rails webpacker:install:react
  rails generate react:install
  

  完成后会生成app/javascript/packs目录及相关 React 配置文件。

方案二：使用 Rails 7 默认前端方案（推荐） #

Rails 7 官方推荐的 React 项目创建命令为：

rails new react-app --css bootstrap --javascript react

（--css参数可替换为tailwind、bulma，或用--css none不指定样式框架）

• 项目结构中，前端入口为app/javascript/application.js，无需packs文件夹
• React 组件可放在app/javascript/components目录下，在application.js中引入即可
• 打包命令为bin/dev，可同时启动 Rails 服务器和前端打包进程

内容的提问来源于stack exchange，提问作者BoQian Niu