Rails6でCRUD

ruby

Rails6でCRUDアプリを作成する

前回の記事でrailsの環境をセットアップしたので、今回はrailsの環境でCRUDアプリを作成する。

今回はBookでcrudを作成する為下記のコマンドを実行する。
・rails gでgenerate
・scaffoldでMVCを作成

bundle exec rails g scaffold Book title:string author:string
bundle exec rake db:migrate

上記でCRUDアプリが作成できるが、前回作成した環境にアクセスするとエラーが発生します。

エラーの原因としてwebpackerがインストールされていない為でした。
webpackerインストールしようとする為にnode.jsとyarnをインストールする必要がある。

そこで下記の順序でインストールを行う。

  • node.js
  • yarn
  • webpacker

node.jsのインストール

下記を参考にnode.jsをインストールする。

https://docs.aws.amazon.com/ja_jp/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-instance.html

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash
. ~/.nvm/nvm.sh
nvm install node

yarnをインストール

yarnのリポジトリを取得する必要があるので、wgetをインストール

yum -y install wget

wgetでyarnのレポジトリを取得

wget https://dl.yarnpkg.com/rpm/yarn.repo -O /etc/yum.repos.d/yarn.repo

yarnのインストール

yum install yarn

インストールの確認

yarn --version

webpackerのインストール

node.jsとyarnのインストールが完了したので、次にwebpackerをインストールする。

bundle exec rails webpacker:install
bundle exec rails webpacker:install:vue

webpackerのインストールが完了したら、次にwebpackerのコンパイルをかける

bundle exec rails webpacker:compile

エラーで表示されない場合があったので対処方法として、下記コマンドで
webpack関連を一度削除してwebpackを再度インストールしたら解決した。

 rm -rf bin/webpack*