JavaScriptの環境構築においてbabelが機能しない

Question

Progateの「ES6の開発環境を用意しよう！（macOS）」(URL: https://prog-8.com/docs/es6-env )を参考に、JavaScriptの環境構築を試みているのですが、「babelを使ってみよう」以降正しくファイルが実行されません。本来ならば1枚目の画像のようになるみたいなのですが、何度試してみても2枚目の画像のようになってしまいます。なぜこのようになってしまうのか、またどのようにすれば正しく実行されるのか教えて頂けたら幸いです。初心者でわからないことだらけですがよろしくお願いします。

Answer 1

macOS Catalinabetaから正式バージョンにアップデートしたら解決した。