（Rails）エラー「Errno::EACCES in ～」「Permission denied @ rb_sysopen ～」を解消したい。

Question

前提・実現したいこと

（Rails）webページを作成しようとしています。「rails generate controller home top」コマンドで、トップページを作成しました。その後、「about」という名前のコントローラー・ビューを追加するために、routes.rbとhome_controller.rbにVSCode上で追記・編集をしました。http://localhost:3000/aboutにアクセスした際に表示される下記のエラーを解消したいです。

http://localhost:3000とhttp://localhost:3000/topは正常に表示されている状況です。

該当のソースコード

home_controller.rb

class HomeController < ApplicationController
  def top
  end
  def about
  end
end

routes.rb

Rails.application.routes.draw do
  get "top" => "home#top"
  get "about" => "home#about"
  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
end

about.html.erb

<div class="about-main">
  <h2>TweetAppとは</h2>
  <p>
    SNSサービスです。
    近況やつぶやきを投稿し、他のユーザーと楽しくコミュニケーションできます。
  </p>
</div>

試したこと

1.権限を確認する必要がある、というのをほかの記事で見たので、当プロジェクトのディレクトリ「sample-app」内の、エラー画面にあるディレクトリでコマンド「ls -la」を入力すると、すべて私のユーザー名になっていました。

2.サーバーの再起動も試しましたが、同様の表示です。

3.こちらの記事https://teratail.com/questions/94622を参考にして、該当のフォルダ「tmp/cache/assets」を削除しようとしたところ、「このフォルダーを変更するには（私のユーザー名：LAPTOP～）からアクセス許可を得る必要があります」という表示が出て削除できない状態です。アクセス権限を変更するため下記のURLを参考にして権限を私の名前に変更しましたが、上に同じように、アクセス許可を得ろという表記が出る状態で、試すことができない状況です。
https://itojisan.xyz/trouble/12956/

補足情報（FW/ツールのバージョンなど）

使用しているPCはWindows10です。WSL、Ubuntuで環境構築をしています。

Answer 1

ちょっとどのファイルでPermission deniedが起こってるか微妙にわかりませんが
アプリケーションルートで
sudo chown -R neioge:neioge sample-app
みたいなコマンドを試してみたらどうでしょう？
-Rをつけると再帰的に，すべてのフォルダの中身までchownで所有権を変えてあげることができます．

Comments

[Neioge]

ご回答、ありがとうございます！

Windowsで一度環境構築を試みたのですが挫折しまして、Ubuntuで環境構築しました。そのため、各種ファイルが普通とは異なる場所にあるかもしれないです。今回のプロジェクトの前後のディレクトリは、下記のような感じです。
c:/ユーザー/名前/AppData/Local/Packages/Canonical~/localState/rootfs/home/neioge/sample-app（今回のプロジェクト）
この中にappフォルダやconfigフォルダなどがある状況です。kmdkukさんが教えてくださったコマンドを、このsample-appディレクトリ下で入力し、サーバー再起動を何度かしましたが同様のエラーが出る状況です。

現在もほかのルートで、sudo chown -P neioge:neioge ディレクトリ名を試してます。

[kmdkuk]

WSLで作業しているならたぶんそんな感じの場所で問題ないと思います．
サーバの起動時にWindows側のRubyなりを使って起動したりすると，WindowsのユーザとWSLのユーザは違うのでPermissionDeniedされるかもしれないです．
wsl上でbundle exec rails serverとかやっていますか？

[kmdkuk]

ちなみにRです，(再帰的recursiveの頭文字のRです)

[Neioge]

ありがとうございます。この二つでユーザーが違うのですね…。初心者なので、ちょっと的を外した質問になってしまうのですが…。

Windowsで挫折した際にインストールしたRubyについてはアンインストールをしました。根絶やしにしたつもりではあるんですが…。WSLにおいてはrbenvを経由してRubyをインストールしました。（参考にした記事）
https://qiita.com/ksh-fthr/items/64a4e86c8bad08322c94

WSL上で「bundle exec rails server」を入力するタイミングというのは、一番最初に「Ralis s」と入力するタイミングでのお話でしょうか。今は、WSLのターミナルを開く→　cd sample-app　→　rails s　でサーバーを起動しております。「bundle exec rails server」というのは、入力をしたことがないです。先ほど、bundle exec rails serverと入力してサーバーを起動し、http://localhost:3000/aboutにアクセスしましたが、同様のエラーでした…。

とんちんかんな返答になっていたら申し訳ないです…。

[Neioge]

Rの件、失礼いたしました。Pとコメントに入力したのは誤字でした…。

[kmdkuk]

殆どの場合，bundle exec rails serverとrails serverは一緒です．
ただ，複数バージョンのrailsを入れているとただ，rails sとすると，マシンがどのバージョンを使っていいかわからなくなって結果はいっている中で最新のものを使うような挙動をするはずです（たしか）
bundle exec rails serverとすると，bundle installで入れたバージョンのrailsを実行することができるので，書いたって感じです．
WSLのターミナルからコマンドを叩いていたらWindows側のは使われていないと思うので大丈夫だと思います．
もし，他の解決策が思いついたらまた，コメントします
力になれなくてすいません

[Neioge]

ありがとうございます！！勉強になりました。ご回答を参考にして、引き続き格闘してみます。貴重なお時間いただきましてありがとうございました！

Answer 2

ビューファイルabout.html.erbを、Ubuntuのコマンドtouchで作成した結果、解決いたしました。

1.Ubuntuを開く。

2.cdコマンドで、viewsディレクトリまで移動する。

cd sample-app
~割愛~
cd views

3.下記のコマンドを実行する。

touch about.html.erb

4.テキストエディタを開いてroutes.rbとhome_controller.rbを編集し、about.html.erbも好きなように中身を書き込む。

上記の結果、aboutページが問題なく表示されました！
ファイルを作成する際は、Windowsのエクスプローラーからではなくコマンドから作成しなきゃいけないっぽい？でした。

ご回答いただいたkmdkukさん、ありがとうございました。