Q&A
前提
今、HTMLの代わりにEjs（テンプレートエンジン）をつかって
localhost3000に表示させようとしたんですけど
なぜか、Jqueryだけが適用されないのでコードをみてもらえないでしょうか？
実現したいこと
ejsにJqueryを実装する。
該当のソースコード
node.js
1 2const http = require('http'); 3const fs = require('fs'); 4const ejs = require('ejs'); 5const url = require('url'); 6const jquery = require('jquery'); 7 8const index_page = fs.readFileSync('./practice.ejs','utf8'); 9const style_css = fs.readFileSync('./practice.css','utf8'); 10const script_js = fs.readFileSync('./jqu.js', 'utf8'); 11 12var server = http.createServer(getFromClient); 13 14server.listen(3000); 15console.log('server Opened'); 16 17function getFromClient(request,response) { 18 var url_parts = url.parse(request.url); 19 switch (url_parts.pathname){ 20 21 case '/': 22 case '/practice.ejs': 23 var content = ejs.render(index_page,{ 24 title:"hi", 25 }) 26 response.writeHead(200,{'Content-Type' : 'text/html' }); 27 response.write(content); 28 response.end(); 29 break; 30 31 case '/practice.css': 32 response.writeHead(200,{'Content-Type' : 'text/css' }); 33 response.write(style_css); 34 response.end(); 35 break; 36 37 case '/jqu.js': 38 response.writeHead(200, {'Content-Type': 'text/plain'}); 39 response.write(script_js); 40 response.end(); 41 break; 42 43 default: 44 response.writeHead(200,{'Content-Type' : 'text/plain' }); 45 response.end('no page...'); 46 break; 47 } 48}
practice.ejs
1 2<!DOCTYPE html> 3<html lang="ja"> 4<head> 5 <title><%= title%></title> 6 <meta charset="utf-8"> 7 <link type="text/css" rel="stylesheet" href="./practice.css"> 8</head> 9<body> 10 <div class="header"> 11 <header class="page-header"> 12 <h1 class="title">Atenes</h1> 13 </div> 14<script src="./jqu.js"></script> 15</body>
やってみたこと
一応,npmでのインストールはすべて済ませております。
回答1件
0
ベストアンサー
case '/jqu.js': response.writeHead(200, {'Content-Type': 'text/plain'});
JavaScriptのContent-Typeはtext/javascriptです。text/plainではJavaScriptとして動作しません。
投稿2022/07/18 14:26
総合スコア145184
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/07/19 13:56 編集