質問編集履歴
4
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -179,5 +179,37 @@
|
|
|
179
179
|
<Route path="/orders" element={<Orders />} />
|
|
180
180
|
</Routes>
|
|
181
181
|
```
|
|
182
|
+
### さらに追記
|
|
183
|
+
現在CodeSandboxで動作確認（正確にはReact TypeScriptのみでrailsはないが）をしたところ、正常に動作しました。バージョンも
|
|
184
|
+
react
|
|
185
|
+
18.1.0
|
|
186
|
+
react-dom
|
|
187
|
+
18.1.0
|
|
188
|
+
react-router-dom
|
|
189
|
+
6.3.0
|
|
190
|
+
react-scripts
|
|
191
|
+
5.0.1
|
|
192
|
+
のようにエラーが出ているDocker環境のものと同じにしています。
|
|
193
|
+
よって、React側のバージョンの不整合、記述ミスはエラーの原因ではないと考えています。
|
|
194
|
+
あり得るとすれば、
|
|
195
|
+
・そもそもディレクトリ構成が間違っている？
|
|
196
|
+
気になったのがpackage.jsonファイルとmode_modulesがそれぞれ2つずつ存在することです。私のディレクトリ構造では
|
|
197
|
+
```
|
|
198
|
+
/Playground-/backend
|
|
199
|
+
|
|
|
200
|
+
-/frontend-/node_modules
|
|
201
|
+
| |
|
|
202
|
+
-d-c.yml(省略) /-react-app-/node_modules
|
|
203
|
+
| |
|
|
204
|
+
| |-package.json
|
|
205
|
+
|
|
|
206
|
+
-Dockerfile,package.json,package-lock.json
|
|
207
|
+
```
|
|
208
|
+
このようになっております。今までは仕様だと思っていたのですが、このディレクトリ構成はおかしいでしょうか？また、それぞれのpackage.json,node_modulesは中身がどれも違っています。
|
|
209
|
+
・そもそもうまくreact-router-domなどのライブラリをインストールできていない
|
|
210
|
+
これが原因かもしれませんが、エラーが出なかったので恐らく違うかと
|
|
211
|
+
・Docker環境の外にNodeが入っているから？
|
|
212
|
+
PC本体にはNodeの環境構築のみ行っております。1回だけcreate-react-appで教材を使い、練習していた記憶があります。ですが、Docker環境とは関係ないはずなので違うかもしれません。
|
|
213
|
+
|
|
182
214
|
### 注意 誠に勝手ながらマルチポストをさせていただきます。不快な思いをさせてしまったらすみません。
|
|
183
215
|
https://ja.stackoverflow.com/questions/88906/invalid-hook-call-warning-%e3%82%92%e8%a7%a3%e6%b1%ba%e3%81%97%e3%81%9f%e3%81%84
|
3
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -180,3 +180,4 @@
|
|
|
180
180
|
</Routes>
|
|
181
181
|
```
|
|
182
182
|
### 注意 誠に勝手ながらマルチポストをさせていただきます。不快な思いをさせてしまったらすみません。
|
|
183
|
+
https://ja.stackoverflow.com/questions/88906/invalid-hook-call-warning-%e3%82%92%e8%a7%a3%e6%b1%ba%e3%81%97%e3%81%9f%e3%81%84
|
2
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -179,3 +179,4 @@
|
|
|
179
179
|
<Route path="/orders" element={<Orders />} />
|
|
180
180
|
</Routes>
|
|
181
181
|
```
|
|
182
|
+
### 注意 誠に勝手ながらマルチポストをさせていただきます。不快な思いをさせてしまったらすみません。
|
1
追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -167,5 +167,15 @@
|
|
|
167
167
|
この記事の通りに行いました。
|
|
168
168
|
|
|
169
169
|
なにかしらアドバイスがあればよろしくお願いいたします。
|
|
170
|
-
|
|
170
|
+
### 追記
|
|
171
|
-
|
|
171
|
+
App.tsxの一部を編集しました。修正箇所のみ記述します。
|
|
172
|
+
```
|
|
173
|
+
<Routes>
|
|
174
|
+
// 店舗一覧ページ
|
|
175
|
+
<Route path="/restaurants" element={<Restaurants />} />
|
|
176
|
+
// フード一覧ページ
|
|
177
|
+
<Route path="/foods" element={<Foods />} />
|
|
178
|
+
// 注文ページ
|
|
179
|
+
<Route path="/orders" element={<Orders />} />
|
|
180
|
+
</Routes>
|
|
181
|
+
```
|