🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

2回答

2535閲覧

node.jsでhtmlファイル読み込み時のエラー

chacopipi

総合スコア32

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/12/28 05:57

編集2019/12/28 06:11

node.jsの勉強を始めたのですが、エラーが出て困っています。

js

1const http = require('http'); 2const fs = require('fs'); 3 4var server = http.createServer(getFromClient); 5 6 7server.listen(3000); 8console.log('Server start!'); 9 10//ここまでメインプログラム================ 11 12//createSeverの処理 13function getFromClient (requst,response) { 14 fs.readFile('./index.html', 'UTF-8', 15 (error, data)=>{ 16 var content = data. 17 replace(/dummy_title/g, 'タイトルです'). 18 replace(/dummy_content/g, 'これがコンテンツです。')19 20 response.writeHead(200, {'Content-Type': 'text/html'}); 21 response.write(content); 22 response.end(); 23 } 24   ); 25} 26 27

html

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 5 <title>Index</title> 6</head> 7 8<body> 9 <h1>dummy_title</h1> 10 <p>dummy_content</p> 11</body> 12 13</html>

jsのコードの方にエラーがあるようです。

ターミナルでnode app.js(jsのファイル名)を打つと、

bash

1 replace(/dummy_content/g, 'これがコンテンツです')2 3 4SyntaxError: Invalid or unexpected token 5 at wrapSafe (internal/modules/cjs/loader.js:1055:16) 6 at Module._compile (internal/modules/cjs/loader.js:1103:27) 7 at Object.Module._extensions..js (internal/modules/cjs/loader.js:1159:10) 8 at Module.load (internal/modules/cjs/loader.js:988:32) 9 at Function.Module._load (internal/modules/cjs/loader.js:896:14) 10 at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) 11 at internal/main/run_main_module.js:17:47

と出てエラーになります。
どこが違うのかわからず困っています。
ご回答お願いしますい。

先ほどjsで
replace(/dummy_content/g, 'これがコンテンツです。'); の;をとってみたらうまくいきました。
本を読みながら勉強しておりますが、こちらはバージョンの問題だったのでしょうか?本が間違っていたのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

replace(/dummy_content/g, 'これがコンテンツです');

SyntaxError: Invalid or unexpected token

javascript のステートメントを終了する ; が全角()になっています。

テキストエディタでテストコードを書こうとする時に発生しやすいですね。
こればかりは、エラーメッセージを信じて確認するしかないです。


ご質問にはありませんでしたが、fs.readFile()の第一引数に与えるファイル名は、絶対PATHで指定する必要があります。
__dirname(モジュールのディレクトリパス)を活用できます。

投稿2019/12/28 06:27

AkitoshiManabe

総合スコア5434

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

chacopipi

2019/12/29 11:07

ありがとうございます。
guest

0

自己解決

すみません。ただ全角だったようです。解決しました。見て下さった方ありがとうございます。

投稿2019/12/28 06:13

chacopipi

総合スコア32

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問