質問編集履歴
9
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
```project
|
|
22
22
|
// プロジェクト構成
|
|
23
|
+
|
|
23
24
|
root-project
|
|
24
25
|
- .vscode
|
|
25
26
|
- back-end
|
|
@@ -137,13 +138,14 @@
|
|
|
137
138
|
publicPath: "/dist",
|
|
138
139
|
},
|
|
139
140
|
hot: true,
|
|
140
|
-
historyApiFallback: true,
|
|
141
|
+
// historyApiFallback: true,
|
|
141
142
|
},
|
|
142
143
|
};
|
|
143
144
|
```
|
|
144
145
|
|
|
145
146
|
```app.ts
|
|
146
147
|
// express-generatorで作成したapp.jsをsrc/app.tsに変更し、コードをTypeScript化したもの
|
|
148
|
+
|
|
147
149
|
import express, { Request, Response, NextFunction } from "express";
|
|
148
150
|
import cookieParser from "cookie-parser";
|
|
149
151
|
import createError from "http-errors";
|
8
タイトル修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
VS CodeでExpress.jsのAPIをWebPackの開発サーバーで実行できるようにしたい。
|
|
1
|
+
VS CodeでTypeScript×Express.jsのAPIをWebPackの開発サーバーで実行できるようにしたい。
|
test
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
### 実現したいこと
|
|
2
|
-
VS CodeでExpress.jsのAPIをWebPackの開発サーバーで実行できるようにしたいです。
|
|
2
|
+
VS CodeでTypeScript×Express.jsのAPIをWebPackの開発サーバーで実行できるようにしたいです。
|
|
3
3
|
|
|
4
4
|
back-end/srcにメインのapp.tsを配置してテスト用のメソッドを用意しています。
|
|
5
5
|
|
7
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
- back-end
|
|
26
26
|
- dist
|
|
27
27
|
- src
|
|
28
|
-
- app.ts
|
|
28
|
+
- app.ts
|
|
29
29
|
- eslintrc.js
|
|
30
30
|
- package.json
|
|
31
31
|
- tsconfig.json
|
6
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
|
|
6
6
|
まずコマンドから実行できるかのテストをしています。
|
|
7
7
|
|
|
8
|
-
・npm run build
|
|
8
|
+
・cd back-end、npm run build、npm run startコマンド実行後、localhost:5000にアクセスするとHello Worldを表示できる。
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
・サーバーを停止してから、npm run devコマンド実行後、localhost:5000にアクセスするとコマンド実行自体は成功する(警告もなし)が、ブラウザアクセス時にCannot GET / となる。
|
5
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -168,6 +168,7 @@
|
|
|
168
168
|
console.log(`Server is running on port ${port}`);
|
|
169
169
|
});
|
|
170
170
|
|
|
171
|
+
/* 一旦コメントアウト
|
|
171
172
|
// catch 404 and forward to error handler
|
|
172
173
|
app.use((req: Request, res: Response, next: NextFunction) => {
|
|
173
174
|
next(createError(404));
|
|
@@ -183,6 +184,7 @@
|
|
|
183
184
|
res.status(err.status || 500);
|
|
184
185
|
res.render("error");
|
|
185
186
|
});
|
|
187
|
+
*/
|
|
186
188
|
```
|
|
187
189
|
|
|
188
190
|
|
4
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -25,7 +25,6 @@
|
|
|
25
25
|
- back-end
|
|
26
26
|
- dist
|
|
27
27
|
- src
|
|
28
|
-
- api
|
|
29
28
|
- app.tsx
|
|
30
29
|
- eslintrc.js
|
|
31
30
|
- package.json
|
3
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
|
|
159
159
|
app.use(cookieParser());
|
|
160
160
|
|
|
161
|
-
//
|
|
161
|
+
// テスト用Hello World
|
|
162
162
|
app.get("/", (req, res) => {
|
|
163
163
|
res.status(200).send("Hello, World!");
|
|
164
164
|
});
|
2
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
- back-end
|
|
26
26
|
- dist
|
|
27
27
|
- src
|
|
28
|
-
|
|
28
|
+
- api
|
|
29
|
-
|
|
29
|
+
- app.tsx
|
|
30
30
|
- eslintrc.js
|
|
31
31
|
- package.json
|
|
32
32
|
- tsconfig.json
|
1
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,7 +16,10 @@
|
|
|
16
16
|
原因わかるかたいらっしゃいましたら、アドバイスいただきたいです。
|
|
17
17
|
よろしくお願いいたします。
|
|
18
18
|
|
|
19
|
+
### プロジェクト構成、設定ファイル、app.tsなど
|
|
20
|
+
|
|
19
|
-
```
|
|
21
|
+
```project
|
|
22
|
+
// プロジェクト構成
|
|
20
23
|
root-project
|
|
21
24
|
- .vscode
|
|
22
25
|
- back-end
|
|
@@ -183,5 +186,4 @@
|
|
|
183
186
|
});
|
|
184
187
|
```
|
|
185
188
|
|
|
186
|
-
### 発生している問題・エラーメッセージ
|
|
187
189
|
|