rails 環境構築ができない。

Question

以前の質問でうまく環境構築できてない理由がwebpackerがインストールされてないからではないかと教えていただきました。
そのため、webpackerをインストールするためにyarnとnodeはインストール完了したのですが、webpackerのインストールがうまくできません。
webpackerがインストールできてないと思うんですけど、どうすればいいのでしょうか？
rails -v
Rails 6.0.2.2
ruby -v
ruby 2.5.7p206 (2019-10-01 revision 67816) [x64-mingw32]
node -v
v11.13.0

yarn -v

1.22.4

C:\Users\takay>rails webpacker:install
Usage:
rails new APP_PATH [options]

Options:
[--skip-namespace], [--no-skip-namespace] # Skip namespace (affects only isolated applications)
-r, [--ruby=PATH] # Path to the Ruby binary of your choice
# Default: C:/Ruby25-x64/bin/ruby.exe
-m, [--template=TEMPLATE] # Path to some application template (can be a filesystem path or URL)
-d, [--database=DATABASE] # Preconfigure for selected database (options: mysql/postgresql/sqlite3/oracle/frontbase/ibm_db/sqlserver/jdbcmysql/jdbcsqlite3/jdbcpostgresql/jdbc)
# Default: sqlite3
[--skip-gemfile], [--no-skip-gemfile] # Don't create a Gemfile
-G, [--skip-git], [--no-skip-git] # Skip .gitignore file
[--skip-keeps], [--no-skip-keeps] # Skip source control .keep files
-M, [--skip-action-mailer], [--no-skip-action-mailer] # Skip Action Mailer files
[--skip-action-mailbox], [--no-skip-action-mailbox] # Skip Action Mailbox gem
[--skip-action-text], [--no-skip-action-text] # Skip Action Text gem
-O, [--skip-active-record], [--no-skip-active-record] # Skip Active Record files
[--skip-active-storage], [--no-skip-active-storage] # Skip Active Storage files
-P, [--skip-puma], [--no-skip-puma] # Skip Puma related files
-C, [--skip-action-cable], [--no-skip-action-cable] # Skip Action Cable files
-S, [--skip-sprockets], [--no-skip-sprockets] # Skip Sprockets files
[--skip-spring], [--no-skip-spring] # Don't install Spring application preloader
[--skip-listen], [--no-skip-listen] # Don't generate configuration that depends on the listen gem
-J, [--skip-javascript], [--no-skip-javascript] # Skip JavaScript files
[--skip-turbolinks], [--no-skip-turbolinks] # Skip turbolinks gem
-T, [--skip-test], [--no-skip-test] # Skip test files
[--skip-system-test], [--no-skip-system-test] # Skip system test files
[--skip-bootsnap], [--no-skip-bootsnap] # Skip bootsnap gem
[--dev], [--no-dev] # Setup the application with Gemfile pointing to your Rails checkout
[--edge], [--no-edge] # Setup the application with Gemfile pointing to Rails repository
[--rc=RC] # Path to file containing extra configuration options for rails command
[--no-rc], [--no-no-rc] # Skip loading of extra configuration options from .railsrc file
[--api], [--no-api] # Preconfigure smaller stack for API only apps
-B, [--skip-bundle], [--no-skip-bundle] # Don't run bundle install
--webpacker, [--webpack=WEBPACK] # Preconfigure Webpack with a particular framework (options: react, vue, angular, elm, stimulus)
[--skip-webpack-install], [--no-skip-webpack-install] # Don't run Webpack install

Runtime options:
-f, [--force] # Overwrite files that already exist
-p, [--pretend], [--no-pretend] # Run but do not make any changes
-q, [--quiet], [--no-quiet] # Suppress status output
-s, [--skip], [--no-skip] # Skip files that already exist

Rails options:
-h, [--help], [--no-help] # Show this help message and quit
-v, [--version], [--no-version] # Show Rails version number and quit

Description:
The 'rails new' command creates a new Rails application with a default
directory structure and configuration at the path you specify.

You can specify extra command-line arguments to be used every time
'rails new' runs in the .railsrc configuration file in your home directory.

Note that the arguments specified in the .railsrc file don't affect the
defaults values shown above in this help message.

Example:
rails new ~/Code/Ruby/weblog

This generates a skeletal Rails installation in ~/Code/Ruby/weblog.

Answer 1

rails newは行いましたでしょうか。

Webpackerはほかのツールと違って、Railsの環境内でのインストールが必要です。

Comments

[takayuki4849]

現在VScodeを利用してます。
そこのターミナルでrails new 実行後、その場でrails webpacker:installを実行するという事でしょうか？

[maisumakun]

rails new --webpackerとすれば、Webpackerの設定済みのRails環境が作成されます。

Answer 2

＞C:\Users\takay>rails webpacker:install

変わったオペレーションを実行されていますね。

ふつうはrailsアプリ用のフォルダを作って、そのフォルダの中で
rails環境を構築します。(Railsを含むGemのインストールなど)

あなたは自分のホームディレクトリ(C:\Users\takay)をrailsアプリに
しているのですか？

Comments

[takayuki4849]

そうなんですか...初めたばかりでディレクトリという言葉にすら慣れてない状態です。勉強不足でした。もし良ければ、railsの基礎的なことが良く載ってる書籍が有ればご紹介していただけませんか。

[technocore]

手順はこんな感じです。（コマンドラインでの実行を想定）

railsアプリ用のフォルダを作ってその中に入る
bundle init (Gemfileの原型ができる)
Gemfileの修正 (注釈になっているRailsを有効にする、railsのバージョンも指定できる)
bundle install (オプションでgemのインストール先を指定)
bundle exec rails new . (rails構築)
bundle exec rails s (rails起動)

構築だけなら書籍などいらないです。
詳細はネット検索してみてください。

[takayuki4849]

わかりました。ありがとうございます。

Answer 3

現在VScodeを利用してます。
そこのターミナルでrails new 実行後、その場でrails webpacker:installを実行するという事でしょうか？