javascriptのUnexpected token functionエラー

Question

前提・実現したいこと

javascriptのajaxで無限スクロールを実装したい

発生している問題・エラーメッセージ

現在、javascriptのajaxで無限スクロールを実装したいと考え、こちらのサイト
https://www.nagahitoyuki.com/2019/06/create-infinite-scroll-a-program-that-incorporates-fetch-into-intersection-observer-by-javascript.html

でサンプル構文を元に組み立てていこうと考えているのですが、
javascriptの部分で
(async function() {　
の部分でUnexpected token functionエラーが出てしまいます。

該当のソースコード

var isf = document.querySelector("aside.isf");
var mnp = document.querySelector("main");
var bpg = document.querySelector("nav.pager");
var npl = document.querySelector("a.older-link");

let infiniteScrollObserver = new IntersectionObserver(entries => {
    entries.forEach(function(entry) {
        if (npl !== null) {
            (async function() {
                await fetch(npl.getAttribute("href")).then((response) => response.text()).then((text) => {
                    let parserh = new DOMParser();
                    let doch = parserh.parseFromString(text, "text/html");
                    let pst = doch.querySelector("div.posts");
                    let bpNode = document.adoptNode(pst);
                    npl = doch.querySelector("a.older-link"); mnp.appendChild(bpNode);
                });
            })();
            if (document.querySelector("nav.pager") !== null) {
                bpg.remove();
            }
        } else {
            infiniteScrollObserver.unobserve(isf);
        }
    });
},
{ rootMargin: "120px" });
infiniteScrollObserver.observe(isf);

試したこと

括弧が足りていないと考え調べる。
インシデントを揃え、括弧の不足を探すも{ } ()も恐らく足りている。
それ以外の原因？

はっきりした原因がよく分からず質問させていただきました。
詳しい方いらっしいましたらご教授ください。
よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[int32_t]

ブラウザは何をお使いですか?

[maisumakun]

> Unexpected token functionエラーが出てしまいます。

そのエラーを出したツールは何でしょうか？

[ataru2222]

Eclipseを使っていて、
ブラウザはfirefoxです。

[int32_t]

ブラウザでの実行でエラーが出ているのですか? それとも Eclipse がエラーがあると言っているだけ?

[ataru2222]

Eclipse内でエラーが出てしまっている状況です。
実行する前の段階です。

説明不足でした。
すみません。