APIについて(javasprict、node.js)

Question

javasprict、APIについての質問です。
プログラミング初心者ですので、質問の内容が分かりにくいかもしれませんが、よろしくお願いします。

現在ある動画を見ながらプログラミングを勉強しているのですが、
エラーが出て困っています。（動画通りに入力していると思います）
言語はjavasprict、処理系node.jsです。
また、vscordを使っています。

コードとターミナルを載せております。

1行目のrequireの部分を訂正しないといけないのかな？とは
思うものの、どうすれば良いのかがわかりません。
正しいコードをご教授して頂けないでしょうか。

ターミナルにて、npm i node-fetchや npm init実行済みです。

個人情報に繋がりそうな部分は消しています。ご理解のほどよろしくお願いします。

const fetch = require('node-fetch');

const ACCESS_TOKEN = '○○○';
const ENDPOINT = 'https://△△△';
const STREAM_ENDPOINT = 'https://◇◇◇';

fetch(${ENDPOINT}/v3/accounts, {
headers: {
'Content-type': 'application/json',
Authorization: Bearer ${ACCESS_TOKEN},
},
}).then(async (response) => {

console.log(await(response.json()));
});

——————————————-
——————————————-

以下ターミナル

ターミナルで node index.jsを実行

/Users/Desktop/ファイル名/index.js:1
const fetch = require('node-fetch');
^

Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/Desktop/ファイル名/node_modules/node-fetch/src/index.js from /Users/Desktop/ファイル名index.js not supported.
Instead change the require of /Users/Desktop/ファイル名/node_modules/node-fetch/src/index.js in /Users/Desktop/ファイル名/index.js to a dynamic import() which is available in all CommonJS modules.
at Object.<anonymous> (/Users/Desktop/ファイル名/index.js:1:15) {
code: 'ERR_REQUIRE_ESM'

アドバイス頂けたら幸いです。。
よろしくお願いします。

Answer 1

const fetch = require('node-fetch');
を
import fetch from 'node-fetch';
に変えた場合いかがでしょうか。

---

package.json内でコメント//はエラーになると思います。
また"type":"module"の指定は下記のようにします。
package.jsonを下記で置き換えてみて下さい。

{
  "name": "ファイル名",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "node-fetch": "^3.2.4"
  },
  "description": "",
  "type": "module"
}

Comments

[m.can]

qnoir様

ご教授ありがとうございます。
ご助言の通り、
const fetch = require('node-fetch');
を
import fetch from 'node-fetch';に
変更したところ下記のエラーが出ました。
構文(コード)にエラー?のようですが、
どうすれば良いのでしょうか。
お忙しいとは存じますが、ご教授頂けないでしょうか。

/Users/j/Desktop/ファイル名/index.js:1
import fetch from 'node-fetch';
^^^^^^

SyntaxError: Cannot use import statement outside a module
at Object.compileFunction (node:vm:352:18)
at wrapSafe (node:internal/modules/cjs/loader:1033:15)
at Module._compile (node:internal/modules/cjs/loader:1069:27)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
at Module.load (node:internal/modules/cjs/loader:981:32)
at Function.Module._load (node:internal/modules/cjs/loader:822:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
at node:internal/main/run_main_module:17:47

[退会済みユーザー]

package.jsonに
"type": "module",
を追加してみて下さい。

[m.can]

qnoir様
何度もアドバイスいただきありがとうございます。
package.jsonに
// package.json
{
"type": "module"
}
を追加しました。

以下package.jsonになります。

{
"name": "ファイル名",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"node-fetch": "^3.2.4"
},
"description": ""

// package.json
{
"type": "module"
}
}

ーーーーーーーー
ターミナル

MacBook-Air ファイル名 % node index.js
node:internal/modules/cjs/loader:317
throw e;
^

SyntaxError: Error parsing /Users/Desktop/ファイル名/package.json: Unexpected token / in JSON at position 254
at parse (<anonymous>)
at readPackage (node:internal/modules/cjs/loader:304:20)
at readPackageScope (node:internal/modules/cjs/loader:329:19)
at shouldUseESMLoader (node:internal/modules/run_main:43:15)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:72:24)
at node:internal/main/run_main_module:17:47 {
path: '/Users/Desktop/ファイル名/package.json'
}

ーーーーー
プログラミングを始めたばかりで心が折れそうですが、何度もアドバイスいただいて励みになります！ありがとうございます。

at readPackage (node:internal/modules/cjs/loader:304:20)

こちらのエラーメッセージは、package.jsonの20行目にエラーがあると言う意味かと思ったのですが、20行目は空欄でした。
この304:20はどのような意味があるのでしょうか。

[退会済みユーザー]

追記しました。package.jsonの書き方が間違っています。回答欄後半のようにpackage.jsonを修正してください。

[m.can]

qnoir様

何度もありがとうございました。
うまく動作しました。
本当にありがとうございます！！！