require is not definedの解消法、node.jsを使いたいのですが、エラーが出ます。

今JavaScriptを使って、この内容をやろうと思っています。しかし、一旦このまんまコピぺしてchromeで実行したところ、 Uncaught ReferenceError: require is not definedというエラーが出てきました。この解決方法はネット上には様々ありました。

試したこと１

html
1コード
2<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.js"></script>
3<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-dom.js"></script>
4<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
5

上記のものを<head></head>のなかに入れてみました。参考サイト

試したこと2

html
1コード
2<script src="path/to/my/store.legacy.min.js"></script>

これを追加してみたりしました。参考サイト
しかし結果はGET file:///Users/takasi/Desktop/path/to/my/store.legacy.min.js net::ERR_FILE_NOT_FOUND
このエラーが追加されただけでした。

どうすればうまくいくかわかる方いらっしゃいましたら、お願いいたします。

m.ts10806

2020/10/26 07:47

そもそも、Node.jsをインストールされたのでしょうか。見た感じそういう風には見えませんが・・

oika77

2020/10/26 07:49

ありがとうございます。一応このサイトの通りやってみました。 https://liginc.co.jp/513122

m.ts10806

2020/10/26 07:57

では、実行しようとしているソースがNode.js上で（サーバー上で）動かせてないということですね。「 file:///Users/～～」という参照から、単にローカル上で動かしてるだけです。サーバーに乗ってません。

oika77

2020/10/26 08:08

つまり、jsファイルをnode.jsに乗せればいいということでしょうか。サーバーに載せるにはどうしたら良いでしょうか。

m.ts10806

2020/10/26 08:22

えっと、それ、調べて本当に何も出ませんか？ここで私がうだうだ書くよりも解説してくれている記事はそれなりにあると思うのですが。参考にされたというLIGの記事の中でもNode.jsは再三取り上げられているようです。

oika77

2020/10/26 08:44

すみません。テンパってました。調べてみましたら、色々と出てきましたので、調べて試しながら、やってみます。ありがとうございました。

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

回答1件

node.jsを使いたいということなので、node.jsの環境はあると仮定して。

node.jsでスクリプトを実行したい場合は、node.jsの引き数としてそのスクリプトファイルを指定します。
例えば、実行したいスクリプトファイルがhoge.jsなら「node hoge.js」です。
node.jsはHTMLの一部としてJavascriptを実行するのではなく、いきなりJavascriptを実行できるためHTMLタグはいりません。
node.jsがスクリプトを実行するためChrome等のブラウザも使用しないです。

投稿2020/11/01 21:11