teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問Reactのアプリをherokuにデプロイしたのですが、ローカルでビルドしたファイルが空です。

編集履歴

質問編集履歴

4

コードの追記

2021/06/04 11:01

投稿

kosuke519
kosuke519

スコア5

test CHANGED
File without changes
test CHANGED
@@ -68,7 +68,147 @@
68
68
 
69
69
  }
70
70
 
71
-
71
+ ```
72
+
73
+ serverフォルダのpackage.jsonです
74
+
75
+ ```ここに言語を入力
76
+
77
+ {
78
+
79
+ "name": "server",
80
+
81
+ "version": "1.0.0",
82
+
83
+ "description": "",
84
+
85
+ "main": "index.js",
86
+
87
+ "scripts": {
88
+
89
+ "start": "node server.js",
90
+
91
+ "devStart": "nodemon server.js",
92
+
93
+ "test": "echo \"Error: no test specified\" && exit 1"
94
+
95
+ },
96
+
97
+ "author": "",
98
+
99
+ "license": "ISC",
100
+
101
+ "dependencies": {
102
+
103
+ "body-parser": "^1.19.0",
104
+
105
+ "cors": "^2.8.5",
106
+
107
+ "express": "^4.17.1",
108
+
109
+ "mysql": "^2.18.1",
110
+
111
+ "nodemon": "^2.0.7"
112
+
113
+ }
114
+
115
+ }
116
+
117
+
118
+
119
+ ```
120
+
121
+ creatReactAppのpackage.jsonです
122
+
123
+ ```ここに言語を入力
124
+
125
+ {
126
+
127
+ "name": "****",
128
+
129
+ "version": "0.1.0",
130
+
131
+ "private": true,
132
+
133
+ "proxy": "http://localhost:3001",
134
+
135
+ "dependencies": {
136
+
137
+ "@testing-library/jest-dom": "^5.12.0",
138
+
139
+ "@testing-library/react": "^11.2.6",
140
+
141
+ "@testing-library/user-event": "^12.8.3",
142
+
143
+ "axios": "^0.21.1",
144
+
145
+ "react": "^17.0.2",
146
+
147
+ "react-dom": "^17.0.2",
148
+
149
+ "react-scripts": "4.0.3",
150
+
151
+ "web-vitals": "^1.1.1"
152
+
153
+ },
154
+
155
+ "scripts": {
156
+
157
+ "start": "react-scripts start",
158
+
159
+ "build": "react-scripts build",
160
+
161
+ "test": "react-scripts test",
162
+
163
+ "eject": "react-scripts eject"
164
+
165
+
166
+
167
+
168
+
169
+
170
+
171
+ },
172
+
173
+ "eslintConfig": {
174
+
175
+ "extends": [
176
+
177
+ "react-app",
178
+
179
+ "react-app/jest"
180
+
181
+ ]
182
+
183
+ },
184
+
185
+ "browserslist": {
186
+
187
+ "production": [
188
+
189
+ ">0.2%",
190
+
191
+ "not dead",
192
+
193
+ "not op_mini all"
194
+
195
+ ],
196
+
197
+ "development": [
198
+
199
+ "last 1 chrome version",
200
+
201
+ "last 1 firefox version",
202
+
203
+ "last 1 safari version"
204
+
205
+ ]
206
+
207
+ }
208
+
209
+
210
+
211
+
72
212
 
73
213
  ```
74
214
 

3

コードの追記

2021/06/04 11:01

投稿

kosuke519
kosuke519

スコア5

test CHANGED
File without changes
test CHANGED
@@ -20,6 +20,58 @@
20
20
 
21
21
  ```
22
22
 
23
+
24
+
25
+ ディレクトリのpackage.jsonです
26
+
27
+ ```{
28
+
29
+ "name": "*****",
30
+
31
+ "version": "1.0.0",
32
+
33
+ "description": "",
34
+
35
+ "main": "index.js",
36
+
37
+ "scripts": {
38
+
39
+ "test": "echo \"Error: no test specified\" && exit 1",
40
+
41
+ "start": "node server/server.js",
42
+
43
+ "heroku-postbuild": "cd client && npm install && npm run build"
44
+
45
+ },
46
+
47
+ "repository": {
48
+
49
+ "type": "git",
50
+
51
+ "url": "git+https://github.com/*****/*****.git"
52
+
53
+ },
54
+
55
+ "keywords": [],
56
+
57
+ "author": "",
58
+
59
+ "license": "ISC",
60
+
61
+ "bugs": {
62
+
63
+ "url": "https://github.com/*****/*****/issues"
64
+
65
+ }
66
+
67
+
68
+
69
+ }
70
+
71
+
72
+
73
+ ```
74
+
23
75
  Heroku上にcreatReactAppをビルドするにはどうすればいいでしょう？
24
76
 
25
77
  上記の参考サイトにある対応としてcreatReactAppの.gitフォルダを削除し、add,commitしましたがビルドされませんでした。

2

誤字の修正

2021/06/04 06:45

投稿

kosuke519
kosuke519

スコア5

test CHANGED
File without changes
test CHANGED
@@ -22,6 +22,6 @@
22
22
 
23
23
  Heroku上にcreatReactAppをビルドするにはどうすればいいでしょう？
24
24
 
25
- 上記の参考サイトにある対応としてcreatReactAppの.gitフォルダを削除し、add,commitしましたが
25
+ 上記の参考サイトにある対応としてcreatReactAppの.gitフォルダを削除し、add,commitしましたがビルドされませんでした。
26
26
 
27
27
  ご教示いただけると幸いです。

1

参考にしたサイトのURL追加、その他質問文の修正

2021/06/03 11:54

投稿

kosuke519
kosuke519

スコア5

test CHANGED
@@ -1 +1 @@
1
- Reactのアプリをherokuにデプロイしたのですが、フロント（client）フォルダがビルドされず空です。
1
+ Reactのアプリをherokuにデプロイしたのですが、ローカルでビルドしたファイルが空です。
test CHANGED
@@ -1,33 +1,27 @@
1
- herokuにデプロイしたアプリのサイトに行くとnot foundと表示され、ログを確認すると以下の文章を見つけました。
1
+ ローカルでビルドしたcreatReactAppのフォルダがHeroku上でビルドされず空になっており、アプリを開くとNotFoundと表示されてしまします。
2
-
3
- ```ここに言語を入力
4
-
5
- Error: ENOENT: no such file or directory, stat ‘/app/client/build/index.html
6
-
7
- ```
8
2
 
9
3
 
10
4
 
11
5
 
12
6
 
13
- git run bashを使いフロント（client）のフォルダの中身を見ると空でした。
7
+ [こちらのサイトを参考にデプロイしました。](http://reffect.co.jp/react/front-react-back-node)
14
8
 
15
- 再度フロントの.gitフォルダを削除してプッシュするとこまでやり直しましたが空のままです。
9
+ こちらがサーバーからReactを表示するためのパスです。
16
-
17
-
18
-
19
- 以下のスクリプトをルートディレクトリのpackage.jsonに書いておりますがこちらの記述が間違いなのでしょうか？。
20
10
 
21
11
  ```
22
12
 
13
+ app.use(express.static(path.join(__dirname, "../client/build")));
14
+
15
+ app.get("*", (req, res) => {
16
+
23
- "heroku-postbuild": "cd client && npm install && npm run build"
17
+ res.sendFile(path.join(__dirname, "../client/build/index.html"));
18
+
19
+ });
24
20
 
25
21
  ```
26
22
 
23
+ Heroku上にcreatReactAppをビルドするにはどうすればいいでしょう？
27
24
 
28
-
29
-
30
-
31
- フロント(client)フォルダをビルドするにはどうすればいいでしょうか？
25
+ 上記の参考サイトにある対応としてcreatReactAppの.gitフォルダを削除し、add,commitしましたが
32
26
 
33
27
  ご教示いただけると幸いです。