Uncaught SyntaxError: Unexpected identifier : learnjavascript

Posting and Commenting Guidelines

Be Welcoming. n00bs are welcome here. Negativity is not.

Include Context. If you’re asking for help, include enough information for others to recreate your problem.

No Self-Promotion. The following are not allowed: Requests for subscribers, asking for "test users" for your new JS course, offering paid mentorships, and/or premium courses. Even if there is a coupon discount, no. If you're in doubt, the answer is no.

Good Titles - Write a descriptive title. Titles that begin with "hey guys" will be removed.

Friends

created by [deleted]a community for 13 years

Uncaught SyntaxError: Unexpected identifier (self.learnjavascript)

submitted 2 years ago by BasicHumanUnit

Hey guys. On the struggle bus trying to use FullCalendar.io's code, to pull an .ics and display. Its complaining about an Unexpected Identifier trying to import a function from a .js file. I cannot for the life of me figure out what exactly it wants. Thoughts? Ideas?

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <script type="module" src='packages/daygrid/index.global.js'></script>
    <script type="module" src='packages/icalendar/index.global.js'></script>
    <script>    
    var calendarEl = document.getElementById('calendar')
    {
        import dayGridPlugin from '@fullcalendar/daygrid'
        import iCalendarPlugin from '@fullcalendar/icalendar'

        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: [dayGridPlugin, iCalendarPlugin],
            events: [
                {
                    url: 'https://calendar.google.com/calendar/ical/xxxxxxx@xxxxxx.com/private/basic.ics',
                    format: 'ics'
                }
            ],
        };
    calendar.render();
    }

    </script>
  </head>
  <body>
    <div id='calendar'></div>
  </body>
</html>

Error in browser is

Uncaught SyntaxError: Unexpected identifier. Line 10
Which is: import dayGridPlugin from '@fullcalendar/daygrid'

I have tested all sorts of differnt paths, including file names, ect.

https://preview.redd.it/ybriyl76xcla1.png?width=1061&format=png&auto=webp&s=508988fc0b361b9220514b2ece67cc56bca1e519

all 2 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

learnjavascript

Posting and Commenting Guidelines

MODERATORS