Node.js expressを使ってejsを表示したい

写経スタイルでNode.jsを勉強中です。

Error: Failed to lookup view "nodetest.ejs" in views directory
"/Users/ユーザ名前/Desktop/Nodejs/views"

[ディレクトリ構造]
Nodejs/
    node_modules/
    nodetest.js
 　　package-lock.json
　 　package.json
    views/
       nodetest.ejs

[nodetest.js]
var express = require('express');
var ejs = require("ejs");

var nodetest = express();

nodetest.engine('ejs',ejs.renderFile);

nodetest.get('/', function(req, res) {
	res.render('views/nodetest.ejs',
		{title: 'Testhtml Page',
		content: 'this is test.'});
});

var server = nodetest.listen(8000, function(){
	console.log('Server is running!');
});

[nodetest.ejs]
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta http-equiv="content-type"
        content="text/html; charset=UTF-8">
    <title><%=title %></title>
    <style>
    body { font-size:12pt; color:#000066; }
    h1 { font-size:18pt; background-color:#DDDDFF; }
    pre { background-color:#EEEEEE; }
    </style>
    </head>
<body>
    <header>
        <h1><%=title %></h1>
    </header>
    <article>
        <%-content %>
    </article>
</body>
</html>

ちゃんとviewsに入ってるんですけど、認識してくれません。

これの前の段階の

[nodetest.js]
var express = require('express');
var app = express();

app.get('/', function(req, res){
    res.send('Hello World!');
})

var server = app.listen(3000, function(){
    console.log('Server is running!');
})

はできてます。

試したこと

Nodejs % npm install
Nodejs % npm install express
Nodejs % npm install ejs

再インストールしました。→何も変わらない。
[Nodetest.ejs]にnodetest.set('view engine','ejs');に変えたりしました。

var express = require('express');
var ejs = require("ejs");

var nodetest = express();

nodetest.set('view engine','ejs');

nodetest.get('/', function (req, res) {
	res.render('nodetest',
		{title: 'Testhtml Page',
		content: 'this is test.'});
});

var server = nodetest.listen(8000, function(){
	console.log('Server is running!');
});

また、

res.render('nodetest'を
res.render('./nodetest'や
res.render('views/nodetest'

にしてみたけれど、どうしても見つけてくれません。
初心者で申し訳ありません。どうぞ宜しくお願い致します。

horse_n_deer

2020/09/09 09:21

同様の環境を構築して、不具合を再現できませんでした。ファイル構造やシステム環境を見直してください。 https://i.gyazo.com/b16fdfeb52c1149f75bbee1bb6e5f6e9.png

yamaoka_san

2020/09/10 01:15

ですよね！確認してくださってありがとうございます!!!めっちゃ感謝です！詳細は自己解決方法にしますが、とても簡単(すぎる)事でした。

行動規範の内容に同意します

回答2件

自己解決

結論から言うと、
nodetest.ejs.txtとして保存されていました。
本当に失礼しました。拡張子はパッと見でnodetext.ejsなのですが、プロパティの「名前と拡張子」で確認すると、その後ろに.txt 。。。脳内で30秒くらい絶叫しました。コレで1日潰す。初心者って悲しいですね。初心者の方々気をつけましょう。Windowsではこのようなトラップはないのですかね？

何はともあれ、
無事にnodejsのejsできました！どうもありがとうございました。

投稿2020/09/10 01:23

yamaoka_san

総合スコア22