質問編集履歴
2
説明の追加
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
DockerでReactの開発環境を構築しています。
|
3
|
-
React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新
|
3
|
+
React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新した際、新しい文字が反映されるまで10秒ほどかかってしまいます。
|
4
4
|
更新にかかる時間を短縮する方法はあるのでしょうか。解決策をご存知の方がいればご教示ください。
|
5
5
|
|
6
6
|
環境など
|
7
7
|
MacOS Big Sur 11.1
|
8
8
|
ブラウザ : googlechrome
|
9
9
|
create-react-appを使用
|
10
|
-
|
10
|
+
react 17.0.1
|
11
|
-
|
11
|
+
npm 7.4.0
|
12
12
|
|
13
13
|
### React内のコード
|
14
14
|
index.html
|
@@ -67,7 +67,8 @@
|
|
67
67
|
"start": "react-scripts start",
|
68
68
|
"build": "react-scripts build",
|
69
69
|
"test": "react-scripts test",
|
70
|
-
"eject": "react-scripts eject"
|
70
|
+
"eject": "react-scripts eject",
|
71
|
+
"babel": "babel src/index.js -o compiled.js"
|
71
72
|
},
|
72
73
|
"eslintConfig": {
|
73
74
|
"extends": [
|
@@ -106,4 +107,9 @@
|
|
106
107
|
command: sh -c "cd reactapp && yarn start"
|
107
108
|
ports:
|
108
109
|
- "3000:3000"
|
110
|
+
```
|
111
|
+
Dockerfile
|
112
|
+
```
|
113
|
+
FROM node
|
114
|
+
WORKDIR /usr/src/app
|
109
115
|
```
|
1
誤字訂正
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
DockerでReactの開発環境を構築しています。
|
3
|
-
React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新するだけでも新しい文字が反映されるまで
|
3
|
+
React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新するだけでも新しい文字が反映されるまで10秒ほどかかってしまいます。
|
4
4
|
更新にかかる時間を短縮する方法はあるのでしょうか。解決策をご存知の方がいればご教示ください。
|
5
5
|
|
6
6
|
環境など
|