Javascriptのエラー　Uncaught SyntaxError: Unexpected token {　を消したい。

前提・実現したいこと

ウェブ開発の素人のものです。

GoogleのMaterial Components for the webを、下記のコードでImportしています。
レンダリングはされるのですが、ソースコード1行目について以下のエラーメッセージが発生しました。
Node.jsを用いて、babel経由でバンドルするようにwebpackを設定しています。
より具体的には、リンク先のgoogleのチュートリアルに従っています。

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

Uncaught SyntaxError: Unexpected token {

該当のソースコード

Javascript
1import {MDCTopAppBar} from '@material/top-app-bar/index';
2
3// Instantiation
4const topAppBarElement = document.querySelector('.mdc-top-app-bar');
5const topAppBar = new MDCTopAppBar(topAppBarElement);

ご回答いただけましたら、幸いです。

maisumakun

2019/04/05 07:09

どのようなツールで、ブラウザへ適用するJavaScriptを生成していますか？

yasu20190201

2019/04/05 07:30

すいません、情報不足でした。 Node.jsを用いて、babel経由でバンドルするようにwebpackを設定しています。より具体的には、googleの以下のチュートリアルに従っています。 https://github.com/material-components/material-components-web/blob/master/docs/getting-started.md

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

回答3件

ベストアンサー

{}の閉じ忘れだと思います

投稿2019/04/05 07:36

researcher

総合スコア87

{ と書いてるところが解釈不能と言ってるんですから、そこんところの記述が正しいのか見てみましょう

投稿2019/04/05 07:05

y_waiwai

総合スコア87774

自分は cdn で利用していますが、import 文を消してみると、割とうまくいきました。

<script>
    const menu = new mdc.menu.MDCMenu(document.querySelector('.mdc-menu'));

    function a() {
      menu.open = true;
    }
    const fabRipple = new mdc.ripple.MDCRipple(document.querySelector('.mdc-fab'));
    const dialog = new mdc.dialog.MDCDialog(document.querySelector('.mdc-dialog'));

    function b() {
      dialog.open()
    }

</script>

初心者なので、質問者さんが何言ってるのか半分以上わかっていないです、申し訳ないです。

local にダウンロードして使おうとしているのであれば、私はうまくいきませんでした。
Django の知識しかないに等しいですが、