'OpenSeadragon' import call expects exactly one argument issue on Safari
I'm having an issue with my website not loading on Safari and getting an error message
SyntaxError: Unexpected identifier 'OpenSeadragon'. import call expects exactly one argument.
This issue only appears to be happening in Safari (seen both on iPhone and iMac) and not an issue on Chrome or Firefox.
When I click on the error message it takes me to a main.min.js file that was downloaded from cdn.jsdelivr.net. I'm not an expert in web development so I'm not sure what's wrong with the lines that are highlighted, and also don't know how I'd modify this file anyway, since I don't deliver the file.
These are the relevant lines for how I'm including OpenSeadragon into my website in my index.html file.
Any help that can be provided would be appreciated.
It looks like you are using ES6 source file instead of output bundle for openseadragon-annotations npm package.
Chrome and Firefox were smart enough to pick up ES6 module syntax automatically, but you were supposed to use the output bundle file.
According to the Webpack build configuration the output file is dist/openseadragon-annotations.js.
Try replacing src/main.min.js with dist/openseadragon-annotations.js like this:
<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/openseadragon/openseadragon.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/openseadragon-annotations.js"></script>
- JavaScript Standard Style does not recognize Mocha
- How to do bitwise AND in javascript on variables that are longer than 32 bit?
- How to log JavaScript objects and arrays in winston as console.log does?
- jQuery prevent change for select
- Puppeteer - how to execute for loop synchronously
- Is there any way to set defaults in supertest?
- Nodejs AsyncLocalStorage getStore() return undefined
- React - Prevent Event Trigger on Parent From Child
- How do I convert this javascript into JSON
- Calendar Event Time Incorrect in Script despite Correct Formatting in Google Sheets
- JS Regex MatchAll with combination of Comma & Semicolon
- http://localhost/undefined 404 (Not Found)
- Validating an array's length against another array's length using joi
- Firestore React Js Increment Value by FieldValue without Google Cloud Function
- window.open from a https to http, and from https to http
- React and Tailwind Positioning an Item on Hover within DOM
- Uncaught TypeError: number 0 is not iterable (cannot read property Symbol(Symbol.iterator)) -> Material UI Error
- new Date().getFullYear() in React
- The number is not clearing up after submission even if other fields do clear up
- Date Milliseconds same for two dates
- Is it possible to only show half of a SVG icon?
- Smooth scrolling when clicking an anchor link
- Is it safe to resolve a promise multiple times?
- How can I use Axios with Server-sent events (SSE) in the browser?
- ServiceNow Printing lines from an array in an UI page
- What is the length of bcrypt hash output?
- Handling Audio blobs sent through mediarecorder in JS through python server script for azure service
- Updating javascript object property?
- How do I modify Stumbleupon URL's and provide a direct link to the content page?
- Conflict: Multiple assets emit to the same filename