オーバーフロー

いつもお世話になっています。
下記の質問についてご存知の方がいらっしゃいましたらご教示を願います。

【質問の主旨】

【質問の補足】で記述したindex.htmlを表示させてコンソール画面を確認するとUncaught SyntaxError: Unexpected token { class_private.js:4 という文法エラーが表示されます。
エラーを表示させないためには、class_private.jsのどこを修正すれば良いでしょうか？

【質問の補足】

index.hmtl

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>オブジェクト指向構文</title>
</head>
<body>
  <h1>オブジェクト指向構文</h1>
  <script src="scripts/class_private.js"></script>
</body>
</html>

class_private_lib.js

'use strict';

{
    const NAME = Symbol();
    const BIRTH = Symbol();

    export class Person {
        constructor (name, birth) {
            this[NAME] = name;
            this[BIRTH] = birth;
        }
    }

    getName() {
        return this[NAME];
    }

    getBirth() {
        return this[BIRTH];
    }

}

class_private.js

'use strict';

{
    import { Person } from './class_private_lib.js';

    let p = new Person('Taro Yamada', '2000/10/12');

    console.log(p.getName());
    console.log(p.getBirth());
}

上記の3つのファイルは「JavaScript逆引きレシピ第2版」のP240に掲載されている「147 外部からアクセスできないプロパティ/メソッドを定義したい」を参考にしています。
https://www.shoeisha.co.jp/book/detail/9784798157573

以上、ご確認よろしくお願い申し上げます。