質問編集履歴
2
サーバー設定系ファイルソースを追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,6 +4,16 @@
|
|
|
4
4
|
### 発生している問題・分からないこと
|
|
5
5
|
JavaScriptでimportを試そうと、[MDN import](https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/import)を参考に実行しようとしていますがうまくいきません。
|
|
6
6
|
importがうまくできていないようです。
|
|
7
|
+
|
|
8
|
+
WebサーバはExpress.jsです。
|
|
9
|
+
|
|
10
|
+
プロジェクトは下記のコマンドで生成しています。
|
|
11
|
+
|
|
12
|
+
```
|
|
13
|
+
express --view=ejs ex-gen-app
|
|
14
|
+
cd ex-gen-app
|
|
15
|
+
npm install
|
|
16
|
+
```
|
|
7
17
|
|
|
8
18
|
実行すると
|
|
9
19
|
Firefoxブラウザで表示した場合は、consoleに
|
|
@@ -22,6 +32,86 @@
|
|
|
22
32
|
|
|
23
33
|
|
|
24
34
|
### 該当のソースコード
|
|
35
|
+
|
|
36
|
+
ex-gen-app/package.json
|
|
37
|
+
|
|
38
|
+
```
|
|
39
|
+
{
|
|
40
|
+
"name": "ex-gen-app",
|
|
41
|
+
"version": "0.0.0",
|
|
42
|
+
"private": true,
|
|
43
|
+
"scripts": {
|
|
44
|
+
"start": "node ./bin/www"
|
|
45
|
+
},
|
|
46
|
+
"dependencies": {
|
|
47
|
+
"cookie-parser": "~1.4.4",
|
|
48
|
+
"debug": "~2.6.9",
|
|
49
|
+
"ejs": "~2.6.1",
|
|
50
|
+
"express": "~4.16.1",
|
|
51
|
+
"http-errors": "~1.6.3",
|
|
52
|
+
"morgan": "~1.9.1"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
```
|
|
56
|
+
ex-gen-app/app.js
|
|
57
|
+
|
|
58
|
+
```
|
|
59
|
+
var createError = require('http-errors');
|
|
60
|
+
var express = require('express');
|
|
61
|
+
var path = require('path');
|
|
62
|
+
var cookieParser = require('cookie-parser');
|
|
63
|
+
var logger = require('morgan');
|
|
64
|
+
|
|
65
|
+
var indexRouter = require('./routes/index');
|
|
66
|
+
var usersRouter = require('./routes/users');
|
|
67
|
+
|
|
68
|
+
var app = express();
|
|
69
|
+
|
|
70
|
+
// view engine setup
|
|
71
|
+
app.set('views', path.join(__dirname, 'views'));
|
|
72
|
+
app.set('view engine', 'ejs');
|
|
73
|
+
|
|
74
|
+
app.use(logger('dev'));
|
|
75
|
+
app.use(express.json());
|
|
76
|
+
app.use(express.urlencoded({ extended: false }));
|
|
77
|
+
app.use(cookieParser());
|
|
78
|
+
app.use(express.static(path.join(__dirname, 'public')));
|
|
79
|
+
|
|
80
|
+
app.use('/', indexRouter);
|
|
81
|
+
app.use('/users', usersRouter);
|
|
82
|
+
|
|
83
|
+
// catch 404 and forward to error handler
|
|
84
|
+
app.use(function(req, res, next) {
|
|
85
|
+
next(createError(404));
|
|
86
|
+
});
|
|
87
|
+
|
|
88
|
+
// error handler
|
|
89
|
+
app.use(function(err, req, res, next) {
|
|
90
|
+
// set locals, only providing error in development
|
|
91
|
+
res.locals.message = err.message;
|
|
92
|
+
res.locals.error = req.app.get('env') === 'development' ? err : {};
|
|
93
|
+
|
|
94
|
+
// render the error page
|
|
95
|
+
res.status(err.status || 500);
|
|
96
|
+
res.render('error');
|
|
97
|
+
});
|
|
98
|
+
|
|
99
|
+
module.exports = app;
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
ex-gen-app/routes/index.js
|
|
103
|
+
|
|
104
|
+
```
|
|
105
|
+
var express = require('express');
|
|
106
|
+
var router = express.Router();
|
|
107
|
+
|
|
108
|
+
/* GET home page. */
|
|
109
|
+
router.get('/', function(req, res, next) {
|
|
110
|
+
res.render('index', { title: 'Express' });
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
module.exports = router;
|
|
114
|
+
```
|
|
25
115
|
|
|
26
116
|
```ejs
|
|
27
117
|
<!-- ex-gen-app/views/index.ejs -->
|
1
脱字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
```
|
|
13
13
|
と表示され、
|
|
14
14
|
|
|
15
|
-
chromiumブラウザで表示したは、consoleに
|
|
15
|
+
chromiumブラウザで表示した場合は、consoleに
|
|
16
16
|
```
|
|
17
17
|
GET http://localhost:3000/modules/getPrimes.js
|
|
18
18
|
net::ERR_ABORTED 404 (Not Found)
|