我希望这是一个快速的解决办法，有人不如我可以帮助我看到光明。
我正在尝试设置我的第一个Rails 7 with React应用程序。我安装了带有esbuild标志的Rails：
rails new project_name -d postgresql -j esbuild
I纱添加React、React-dom和React-路由-dom
我还在“app/javascript”文件夹中创建了一个react“./components”文件夹，并将其导入application.js文件，该文件是package.json中esbuild构建脚本的入口点。

// Entry point for the build script in your package.json
import "@hotwired/turbo-rails";
import "./controllers";
import "./components";

当我使用bin/dev时，服务器正常运行，我得到了我的项目索引页，但是esbuild抛出了以下错误。

15:05:03 js.1   | started with pid 6552
15:05:03 js.1   | yarn run v1.22.10
15:05:03 js.1   | $ esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets --watch
15:05:03 js.1   | ✘ [ERROR] Could not resolve "./components"
15:05:03 js.1   | 
15:05:03 js.1   |     app/javascript/application.js:4:7:
15:05:03 js.1   |       4 │ import "./components";
15:05:03 js.1   |         ╵        ~~~~~~~~~~~~~~
15:05:03 js.1   | 
15:05:03 js.1   | 1 error
15:05:03 js.1   | [watch] build finished, watching for changes...

我不明白为什么import "./controllers";语句运行正常的情况下这个语句不能被解决。我已经浏览了esbuild文档并在这里搜索了其他帖子，但似乎找不到任何处理这个错误的东西。
希望我是个笨蛋，有个简单的解决办法。任何帮助或指导都将受到比我更伟大的头脑的极大赞赏。谢谢。
我的package.json也在下面，如果这是有用的：

{
  "name": "app",
  "private": "true",
  "dependencies": {
    "@hotwired/stimulus": "^3.2.1",
    "@hotwired/turbo-rails": "^7.2.4",
    "esbuild": "^0.16.10",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.6.1"
  },
  "scripts": {
    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds --public-path=assets"
  }
}

我已尝试更改components文件夹的名称并使用其他语法

import 'components';
import '/components';
import "./test";

我已经通读了esbuild文档，并尝试从头开始完全构建，但总是遇到同样的错误。