teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

説明の追加

2021/02/10 06:28

投稿

arubina33
arubina33

スコア4

title CHANGED
File without changes
body CHANGED
@@ -1,14 +1,14 @@
1
1
  ### 前提・実現したいこと
2
2
  DockerでReactの開発環境を構築しています。
3
- React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新するだけでも新しい文字が反映されるまで10秒ほどかかってしまいます。
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
- create-react-app 0.1.0
10
+ react 17.0.1
11
- react
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

誤字訂正

2021/02/10 06:28

投稿

arubina33
arubina33

スコア4

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 前提・実現したいこと
2
2
  DockerでReactの開発環境を構築しています。
3
- React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新するだけでも新しい文字が反映されるまで8秒ほどかかってしまいます。
3
+ React初心者のため、チュートリアル的なコードを書いてみたのですが下記のコードの「hello」を別の文字に変更してブラウザ(localhost:3000)を更新するだけでも新しい文字が反映されるまで10秒ほどかかってしまいます。
4
4
  更新にかかる時間を短縮する方法はあるのでしょうか。解決策をご存知の方がいればご教示ください。
5
5
 
6
6
  環境など